diff --git a/templates/components/navigation.gohtml b/templates/components/navigation.gohtml
index 55e23bd..2e070ea 100644
--- a/templates/components/navigation.gohtml
+++ b/templates/components/navigation.gohtml
@@ -80,13 +80,13 @@
 
 {{define "header_nav_link"}}
 {{$isActive := .isActive}}
-<a href="{{.href}}" class="group inline-flex h-full w-14 items-center justify-center bg-transparent transition-colors hover:bg-[#101113] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground-muted" title="{{.label}}" aria-label="{{.label}}" aria-current="{{if $isActive}}page{{end}}">
+<a href="{{.href}}" class="group inline-flex h-full w-14 items-center justify-center bg-transparent transition-colors hover:bg-[light-dark(#ececec,#101113)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground-muted" title="{{.label}}" aria-label="{{.label}}" aria-current="{{if $isActive}}page{{end}}">
   {{if eq .key "watchlist"}}
-    <svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-white group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-[light-dark(var(--color-foreground),#ffffff)] group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
       <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
     </svg>
   {{else if eq .key "search"}}
-    <svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-white group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-[light-dark(var(--color-foreground),#ffffff)] group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="11" cy="11" r="8" />
       <path d="m21 21-4.35-4.35" />
     </svg>