From 7757733b72f6838a5e4d7d4653c4a497c8c8c6af Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 1 Oct 2025 15:22:21 +0100
Subject: [PATCH 1/2] Remove px-x class that was causing an inconsistent
 container padding when compared to other containers throughout the CP

---
 resources/js/components/ui/Publish/Sections.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/ui/Publish/Sections.vue b/resources/js/components/ui/Publish/Sections.vue
index 05a5ca4da5..b2153e3115 100644
--- a/resources/js/components/ui/Publish/Sections.vue
+++ b/resources/js/components/ui/Publish/Sections.vue
@@ -79,15 +79,13 @@ function toggleSection(id) {
                 class="h-auto visible transition-[height,visibility] duration-[250ms,2s]"
                 :class="{ 'h-0! visibility-hidden overflow-clip': section.collapsed }"
             >
-                <div class="p-px">
-                    <Primitive :as="asConfig ? 'div' : Card">
-                        <FieldsProvider :fields="section.fields">
-                            <slot :section="section">
-                                <Fields />
-                            </slot>
-                        </FieldsProvider>
-                    </Primitive>
-                </div>
+                <Primitive :as="asConfig ? 'div' : Card">
+                    <FieldsProvider :fields="section.fields">
+                        <slot :section="section">
+                            <Fields />
+                        </slot>
+                    </FieldsProvider>
+                </Primitive>
             </div>
         </Panel>
     </div>

From ba832cc692cf24a0b4afe87f774abdd1f1c8714f Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 1 Oct 2025 15:28:54 +0100
Subject: [PATCH 2/2] Bump panel padding up a smidgen to compensate losing the
 p-px container

---
 packages/ui/src/Panel/Panel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/Panel/Panel.vue b/packages/ui/src/Panel/Panel.vue
index da82457e75..301529436f 100644
--- a/packages/ui/src/Panel/Panel.vue
+++ b/packages/ui/src/Panel/Panel.vue
@@ -13,7 +13,7 @@ const props = defineProps({
     <div
         :class="[
             'relative bg-gray-200/50 dark:bg-gray-950 dark:inset-shadow-2xs dark:inset-shadow-black',
-            'w-full rounded-2xl mb-5 p-1.5 [&:has([data-ui-panel-header])]:pt-0 focus-none starting-style-transition starting-style-transition--siblings',
+            'w-full rounded-2xl mb-5 p-1.75 [&:has([data-ui-panel-header])]:pt-0 focus-none starting-style-transition starting-style-transition--siblings',
         ]"
         data-ui-panel
     >