diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 81a92cac..34a646af 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -152,7 +152,7 @@
     </div>
   </div>
 </nav>
-<main class="px-4 py-4 max-sm:pb-20 sm:px-6 lg:px-8">
+<main class="px-4 py-4 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-screen-2xl">
     <LiveToast.toast_group
       flash={@flash}
diff --git a/lib/music_library_web/components/layouts/root.html.heex b/lib/music_library_web/components/layouts/root.html.heex
index 1447017a..a20961df 100644
--- a/lib/music_library_web/components/layouts/root.html.heex
+++ b/lib/music_library_web/components/layouts/root.html.heex
@@ -38,9 +38,9 @@
   </head>
   <body class="bg-white dark:bg-zinc-900">
     {@inner_content}
-    <footer class="mt-8 border-t border-slate-900/10 dark:border-slate-300/10">
+    <footer class="mt-4 border-t border-slate-900/10 dark:border-slate-300/10">
       <div class="mx-auto max-w-screen-2xl pb-8 px-4 sm:px-8 2xl:px-0">
-        <div class="pt-8 flex items-center justify-between">
+        <div class="pt-4 flex items-center justify-between">
           <div class="flex gap-x-6 order-2">
             <a
               href="https://github.com/cloud8421/music_library"
