diff --git a/lib/music_library_web/components/layouts.ex b/lib/music_library_web/components/layouts.ex
index 5ddfd63b..a402852f 100644
--- a/lib/music_library_web/components/layouts.ex
+++ b/lib/music_library_web/components/layouts.ex
@@ -13,8 +13,8 @@ defmodule MusicLibraryWeb.Layouts do
   embed_templates "layouts/*"
 
   @nav_base_classes "inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium"
-  @nav_inactive_classes "border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-200"
-  @nav_active_classes "border-zinc-500 text-zinc-900 dark:text-zinc-100"
+  @nav_inactive_classes "border-transparent text-zinc-500 hover:border-red-300 hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-200 dark:hover:border-red-700"
+  @nav_active_classes "border-red-500 text-zinc-900 dark:text-zinc-100"
 
   def section_link_classes(current_section, section) when current_section == section do
     [@nav_base_classes, @nav_active_classes]