diff --git a/resources/js/components/field-validation/Builder.vue b/resources/js/components/field-validation/Builder.vue
index 2f6eaa6ad88..faa5472b0b8 100644
--- a/resources/js/components/field-validation/Builder.vue
+++ b/resources/js/components/field-validation/Builder.vue
@@ -68,11 +68,11 @@
                 :mirror="false"
                 v-model="rules"
             >
-                <div class="flex flex-wrap gap-2">
+                <div class="flex flex-wrap gap-2" :class="{ 'mt-2.5': rules.length }">
                     <div
                         v-for="rule in rules"
                         :key="rule"
-                        class="sortable-item mt-2"
+                        class="sortable-item"
                     >
                         <Badge pill size="lg">
                             {{ rule }}
diff --git a/resources/js/components/ui/Combobox/Combobox.vue b/resources/js/components/ui/Combobox/Combobox.vue
index b9ce2d9686a..5f030d19379 100644
--- a/resources/js/components/ui/Combobox/Combobox.vue
+++ b/resources/js/components/ui/Combobox/Combobox.vue
@@ -608,11 +608,11 @@ defineExpose({
                 :model-value="modelValue"
                 @update:modelValue="updateModelValue"
             >
-                <div class="flex flex-wrap gap-2">
+                <div class="flex flex-wrap gap-2" :class="{ 'mt-2.5': selectedOptions.length }">
                     <div
                         v-for="option in selectedOptions"
                         :key="getOptionValue(option)"
-                        class="sortable-item mt-2 cursor-grab active:cursor-grabbing"
+                        class="sortable-item cursor-grab active:cursor-grabbing"
                     >
                         <Badge pill size="lg" class="[&>*]:st-text-trim-ex-alphabetic">
                             <Icon v-if="option.icon" :name="option.icon" />