diff --git a/lib/music_library_web/components/layouts/root.html.heex b/lib/music_library_web/components/layouts/root.html.heex
index 4dd25026..276baae7 100644
--- a/lib/music_library_web/components/layouts/root.html.heex
+++ b/lib/music_library_web/components/layouts/root.html.heex
@@ -36,9 +36,9 @@
   </head>
   <body class="bg-white dark:bg-zinc-900">
     <%= @inner_content %>
-    <footer>
+    <footer class="mt-8 border-t border-slate-900/10 dark:border-slate-300/10">
       <div class="mx-auto max-w-7xl px-6 pb-8 lg:px-8">
-        <div class="mt-8 border-t border-zinc-900/10 dark:border-white/10 pt-8 flex items-center justify-between">
+        <div class="pt-8 flex items-center justify-between">
           <div class="flex gap-x-6 order-2">
             <a
               href="https://github.com/cloud8421/music_library"
