diff --git a/resources/js/packages/ui/src/dialog/DialogContent.vue b/resources/js/packages/ui/src/dialog/DialogContent.vue
index eff71141..8b59aab6 100644
--- a/resources/js/packages/ui/src/dialog/DialogContent.vue
+++ b/resources/js/packages/ui/src/dialog/DialogContent.vue
@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         <div
             :class="
                 cn(
-                    'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start px-2 pt-3 md:pt-20 xl:pt-32 justify-center overflow-auto'
+                    'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start px-2 pt-3 md:pt-14 xl:pt-24 justify-center overflow-auto'
                 )
             ">
             <DialogContent
diff --git a/resources/js/packages/ui/src/field/FieldGroup.vue b/resources/js/packages/ui/src/field/FieldGroup.vue
index b5d0a02f..c14f57fd 100644
--- a/resources/js/packages/ui/src/field/FieldGroup.vue
+++ b/resources/js/packages/ui/src/field/FieldGroup.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
         data-slot="field-group"
         :class="
             cn(
-                'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',
+                'group/field-group @container/field-group flex w-full flex-col gap-6 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',
                 props.class
             )
         ">