From b5966c7061b74f565e960a52753c856a94b9364a Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Tue, 13 Jan 2026 09:24:18 +0000
Subject: [PATCH] Panel: Show `header-actions` slot in the right of the header

---
 resources/js/components/ui/Panel/Panel.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/ui/Panel/Panel.vue b/resources/js/components/ui/Panel/Panel.vue
index df0ccda484..0a350f3794 100644
--- a/resources/js/components/ui/Panel/Panel.vue
+++ b/resources/js/components/ui/Panel/Panel.vue
@@ -19,10 +19,14 @@ const props = defineProps({
         ]"
         data-ui-panel
     >
-        <PanelHeader v-if="heading">
-            <Heading v-html="heading" />
-            <Subheading v-if="subheading" v-html="subheading" />
-            <slot name="header-actions" />
+        <PanelHeader v-if="heading" class="flex items-center justify-between">
+	        <div>
+		        <Heading v-html="heading" />
+		        <Subheading v-if="subheading" v-html="subheading" />
+	        </div>
+	        <div v-if="$slots['header-actions']" class="flex flex-wrap items-center gap-2 sm:gap-3">
+                <slot name="header-actions" />
+	        </div>
         </PanelHeader>
         <slot />
     </div>