fix

files/static/dist/main.css

@@ -2171,6 +2171,9 @@ video {
 .pb-12 {
 	padding-bottom: 3rem;
 }
+.pt-2\.5 {
+	padding-top: 0.625rem;
+}
 .text-left {
 	text-align: left;
 }
@@ -2966,6 +2969,16 @@ video {
 	background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
 
+	/* ---------------------- NAV TABS ---------------------- */
+	.nav.nav-tabs .nav-link {
+	border-bottom-width: 2px;
+	border-color: transparent;
+}
+	.nav.nav-tabs .nav-link.active {
+	--tw-border-opacity: 1;
+	border-color: rgba(var(--color-primary), var(--tw-border-opacity));
+}
+
 	/* ----------------------- BADGES ----------------------- */
 	.badge {
 	border-radius: 0.25rem;

files/static/src/main.css

@@ -387,6 +387,14 @@
 		@apply block w-full text-left px-4 py-2 text-sm text-gray-200 hover:bg-white dark:hover:bg-black bg-gradient-to-t dark:bg-gradient-to-t hover:from-primary hover:to-primary/80 dark:hover:from-primary/80 dark:hover:to-primary hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-b dark:focus:bg-gradient-to-t;
 	}
 
+	/* ---------------------- NAV TABS ---------------------- */
+	.nav.nav-tabs .nav-link {
+		@apply border-b-2 border-transparent
+	}
+	.nav.nav-tabs .nav-link.active {
+		@apply border-primary
+	}
+
 	/* ----------------------- BADGES ----------------------- */
 	.badge {
 		@apply px-1 py-0.5 text-sm text-shadow-light font-bold leading-normal rounded bg-gradient-to-t;

files/templates/CHRISTMAS/submit.html

@@ -93,13 +93,13 @@
 				<span class="italic text-sm font-normal text-gray-500">(optional if you have a link)</span>
 			</label>
 			<div class="bg-gray-100 dark:bg-transparent border border-gray-300 dark:border-gray-900 rounded">
-				<nav class="p-2.5 pb-0">
+				<nav class="px-5 pt-2.5">
 					<div class="nav nav-tabs" id="nav-tab" role="tablist">
 						<button class="nav-link active" id="nav-write-tab" data-bs-toggle="tab" data-bs-target="#nav-write" type="button" role="tab" aria-controls="nav-write" aria-selected="true">Write</button>
 						<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-preview" type="button" role="tab" aria-controls="nav-preview" aria-selected="false">Preview</button>
 					</div>
 				</nav>
-				<div class="tab-content p-2.5" id="nav-tabContent">
+				<div class="tab-content p-2.5 pt-0" id="nav-tabContent">
 					<div class="tab-pane fade show active" id="nav-write" role="tabpanel" aria-labelledby="nav-write-tab">
 						<!-- Input field -->
 						<div class="relative rounded border border-gray-300 dark:border-gray-900 bg-white dark:bg-white/[.05] w-full">