diff --git a/files/static/src/main.css b/files/static/src/main.css
index 8cbcd69adf..78a0ab2585 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -239,6 +239,11 @@
 		@apply bg-gradient-to-t from-gray-200 to-gray-100 hover:from-gray-100 hover:to-gray-200 border-gray-300 text-gray-700 focus:text-gray-900;
 	}
 
+	/* ---------------------- DROPDOWNS --------------------- */
+	.dropdown-item-primary {
+		@apply block w-full text-left px-4 py-2 text-sm text-gray-200 bg-white dark:bg-black bg-gradient-to-t from-primary to-primary/80 dark:hover:from-primary/80 dark:hover:to-primary hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-b
+	}
+
 	/* ----------------------- BADGES ----------------------- */
 	.badge {
 		@apply px-1 py-0.5 text-sm text-shadow-light font-bold leading-normal rounded bg-gradient-to-t;
@@ -272,7 +277,6 @@
 	}
 
 	/* ----------------------- EMOJI ------------------------ */
-
 	img.emoji {
 		width: 30px;
 		height: 30px;
diff --git a/files/templates/CHRISTMAS/dropdowns/NavbarExtraLinks.html b/files/templates/CHRISTMAS/dropdowns/NavbarExtraLinks.html
index 98d22c3823..b1d0001495 100644
--- a/files/templates/CHRISTMAS/dropdowns/NavbarExtraLinks.html
+++ b/files/templates/CHRISTMAS/dropdowns/NavbarExtraLinks.html
@@ -5,7 +5,7 @@
 	</button>
 	<ul class="dropdown-menu w-56 bg-gray-900 rounded-md rounded-t-none shadow-lg" aria-labelledby="dropdownMenuButton" x-placement="bottom-start">
 		<li>
-			<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/shop">
+			<a class="dropdown-item dropdown-item-primary" href="/shop">
 				<i class="fas fa-store fa-sm fa-fw mr-4"></i>Shop
 			</a>
 		</li>