diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 901d92eed3..4397396cc2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,4 +1,4 @@
-<header class="sticky top-0 z-20 h-16 px-4 bg-blue-light-500 dark:bg-blue-dark-200 text-white">
+<header class="sticky top-0 z-20 h-16 px-4 text-white bg-gradient-to-r from-accent-light to-blue-light-500 dark:from-accent-dark dark:to-blue-dark-100">
   <div class="mx-auto flex h-full max-w-[1440px] items-center justify-between">
     <div class="flex h-full items-center gap-8 md:gap-2">
       <button x-data tabindex="4" @click="() => {
diff --git a/layouts/partials/top-nav.html b/layouts/partials/top-nav.html
index d181753099..4098638e2b 100644
--- a/layouts/partials/top-nav.html
+++ b/layouts/partials/top-nav.html
@@ -4,10 +4,7 @@
   <nav>
     <ul class="box-content flex mt-1 gap-4 md:hidden">
       {{ range site.Menus.main }}
-      <li class="border-b-4
-          {{- if not (eq $firstSection .Name) }}
-            border-blue-light dark:border-blue-dark-200 hover:border-blue-light-600 dark:hover:border-blue-dark-100
-          {{- end }}">
+      <li {{- if eq $firstSection .Name }} class="border-b-4" {{- end }}>
         <a class="block py-1 px-2" href="{{ .URL }}">{{ .Name }}</a>
       </li>
       {{ end }}