From 3cbfde19404ccdfedfeb210d2366827b9f60646b Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 18 Nov 2024 16:51:02 +0000
Subject: [PATCH] Fix layout max width glitches between different views

---
 lib/music_library_web/components/layouts/app.html.heex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>