diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index ec2e2db7..5b9f7861 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -1,5 +1,5 @@
 <nav class="border-b border-slate-900/10 dark:border-slate-300/10">
-  <div class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8">
+  <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
     <div class="flex h-16 justify-between">
       <div class="flex">
         <div class="flex space-x-8">
@@ -29,7 +29,7 @@
   </div>
 </nav>
 <main class="px-4 py-8 max-sm:pb-20 sm:px-6 lg:px-8">
-  <div class="mx-auto max-w-5xl">
+  <div class="mx-auto max-w-screen-xl">
     <.flash_group flash={@flash} />
     <%= @inner_content %>
   </div>