From 646c6ee565f7880db8fb79c4c920358b3cf63809 Mon Sep 17 00:00:00 2001
From: Marty Friedel <marty.dev@mity.com.au>
Date: Fri, 22 May 2026 13:08:37 +0930
Subject: [PATCH] Remove `mb-1.5` when no visible content

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

diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
index 8ed3f87bc62..5233f60e14f 100644
--- a/resources/js/components/ui/Label.vue
+++ b/resources/js/components/ui/Label.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { useSlots } from 'vue';
+import { computed, useSlots } from 'vue';
 import Badge from './Badge.vue';
 
 const slots = useSlots();
@@ -14,11 +14,16 @@ const props = defineProps({
     /** The label text to display */
     text: { type: [String, Number, Boolean, null], default: null },
 });
+
+const hasVisibleLabel = computed(() => {
+    return hasDefaultSlot.value || !!props.text?.trim() || props.required;
+});
 </script>
 
 <template>
     <label
-        class="flex justify-between mb-1.5 text-sm font-medium [&_button]:font-medium text-gray-925 select-none dark:text-gray-300 [&_button:has(svg)]:h-auto"
+        class="flex justify-between text-sm font-medium [&_button]:font-medium text-gray-925 select-none dark:text-gray-300 [&_button:has(svg)]:h-auto"
+        :class="{ 'mb-1.5': hasVisibleLabel }"
         data-ui-label
         :for="for"
     >