diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 639436b9..2adb8e14 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -1,4 +1,4 @@
-<main class="px-4 py-20 sm:px-6 lg:px-8">
+<main class="px-4 py-20 max-sm:py-4 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-5xl">
     <.flash_group flash={@flash} />
     <%= @inner_content %>