From 979e5445295372ce2f23d13c65ccd4219d912b8f Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 30 Jan 2026 16:01:01 +0000
Subject: [PATCH 1/2] Hide the expand layout control when the content is equal
 to or smaller than the max-width wrapper, since the button would have no
 visible effect.

---
 resources/js/components/global-header/Header.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/resources/js/components/global-header/Header.vue b/resources/js/components/global-header/Header.vue
index eee01bf7e3..04b7e28601 100644
--- a/resources/js/components/global-header/Header.vue
+++ b/resources/js/components/global-header/Header.vue
@@ -38,6 +38,7 @@ const toggleMaxWidth = layout.toggleMaxWidth;
                 :aria-label="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
                 v-tooltip="isMaxWidthEnabled ? __('Expand Layout') : __('Constrain Layout')"
                 class="hidden [@media(min-width:1800px)]:inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:text-white/60 dark:disabled:text-white/50 disabled:cursor-not-allowed [&_svg]:shrink-0 [&_svg]:text-gray-925 [&_svg]:opacity-60 dark:[&_svg]:text-white bg-transparent hover:bg-gray-400/10 text-gray-900 dark:text-gray-300 dark:hover:bg-white/15 dark:hover:text-gray-200 h-8 text-[0.8125rem] leading-tight rounded-lg px-0 gap-0 w-8 [&_svg]:size-4 -me-2 [&_svg]:text-white/85! will-change-transform"
+                data-expand-layout-control
             >
                 <Icon :name="isMaxWidthEnabled ? 'zoom-fit-screen' : 'fit-screen'" class="animate-pulse-on-appearance" />
             </button>
@@ -46,3 +47,10 @@ const toggleMaxWidth = layout.toggleMaxWidth;
         </div>
     </header>
 </template>
+
+<style>
+    /* Hide the expand layout control when the content is equal to or smaller than the max-width wrapper, since the button would have no visible effect. */
+    body:has([data-max-width-wrapper] > :is(.max-w-page, .max-w-5xl, .max-w-4xl, .max-w-3xl)) [data-expand-layout-control] {
+        display: none;
+    }
+</style>
\ No newline at end of file

From 77fa8cce8781bbbaed1a4ab40e63c715628bdc51 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 30 Jan 2026 16:45:50 +0000
Subject: [PATCH 2/2] Cover arbitrary max-width classes such as a blank
 dashboard page with a wizard.

---
 resources/js/components/global-header/Header.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/global-header/Header.vue b/resources/js/components/global-header/Header.vue
index 04b7e28601..c638b4002f 100644
--- a/resources/js/components/global-header/Header.vue
+++ b/resources/js/components/global-header/Header.vue
@@ -50,7 +50,8 @@ const toggleMaxWidth = layout.toggleMaxWidth;
 
 <style>
     /* Hide the expand layout control when the content is equal to or smaller than the max-width wrapper, since the button would have no visible effect. */
-    body:has([data-max-width-wrapper] > :is(.max-w-page, .max-w-5xl, .max-w-4xl, .max-w-3xl)) [data-expand-layout-control] {
+    /* [class*="max-["] covers arbitrary max-width classes such as a blank dashboard page with a wizard. */
+    body:has([data-max-width-wrapper] > :is(.max-w-page, .max-w-5xl, .max-w-4xl, .max-w-3xl, [class*="max-["])) [data-expand-layout-control] {
         display: none;
     }
 </style>
\ No newline at end of file