[6.x] Remove fixed height from SVGs in UI labels to prevent flickering (#14338)

jaygeorge · web-flow · commit ac185f31b1e8 · 2026-03-24T20:18:21.000Z
Remove button height from svgs in labels like the link icon so that the label height doesn't change when switching sites
diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
@@ -18,7 +18,7 @@ const props = defineProps({
 
 <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"
+        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"
         data-ui-label
         :for="for"
     >

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ const props = defineProps({`
`18`	`18`
`19`	`19`	`<template>`
`20`	`20`	`<label`
`21`		`- class="flex justify-between mb-1.5 text-sm font-medium [&_button]:font-medium text-gray-925 select-none dark:text-gray-300"`
	`21`	`+ 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"`
`22`	`22`	`data-ui-label`
`23`	`23`	`:for="for"`
`24`	`24`	`>`