diff --git a/resources/js/components/DeleteUser.vue b/resources/js/components/DeleteUser.vue
index 254daf97..550610cb 100644
--- a/resources/js/components/DeleteUser.vue
+++ b/resources/js/components/DeleteUser.vue
@@ -70,7 +70,7 @@ const closeModal = () => {
                             <InputError :message="form.errors.password" />
                         </div>
 
-                        <DialogFooter>
+                        <DialogFooter class="gap-2">
                             <DialogClose as-child>
                                 <Button variant="secondary" @click="closeModal"> Cancel </Button>
                             </DialogClose>