diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 6b436b90..7fc9d765 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -1,6 +1,6 @@
 <%!-- TODO: replace with OSS version --%>
 <nav class="border-b border-slate-900/10 dark:border-slate-300/10" aria-label="Sections">
-  <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
+  <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
     <div class="flex h-16 justify-between">
       <div class="flex">
         <div class="flex space-x-2 md:space-x-4">
@@ -139,7 +139,7 @@
   </div>
 </nav>
 <main class="px-4 py-4 max-sm:pb-20 sm:px-6 lg:px-8">
-  <div class="mx-auto max-w-screen-xl">
+  <div class="mx-auto max-w-screen-2xl">
     <LiveToast.toast_group
       flash={@flash}
       corner={:top_right}