diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index a412aeb..f5a81ad 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -100,7 +100,7 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
     <div
         className={cn(
-            "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+            "flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2",
             className
         )}
         {...props}
diff --git a/src/features/shared/dialogs/AddNoteDialog.tsx b/src/features/shared/dialogs/AddNoteDialog.tsx
index 7da95a2..688cf31 100644
--- a/src/features/shared/dialogs/AddNoteDialog.tsx
+++ b/src/features/shared/dialogs/AddNoteDialog.tsx
@@ -110,7 +110,7 @@ export default NiceModal.create(({ fileKey }: { fileKey: string }) => {
                                 </FormItem>
                             )}
                         />
-                        <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 variant={"outline"}
                                 type="button"
diff --git a/src/features/shared/dialogs/EditQuickLinkDialog.tsx b/src/features/shared/dialogs/EditQuickLinkDialog.tsx
index 5991add..23584ff 100644
--- a/src/features/shared/dialogs/EditQuickLinkDialog.tsx
+++ b/src/features/shared/dialogs/EditQuickLinkDialog.tsx
@@ -149,7 +149,7 @@ export default NiceModal.create(({ quickLink }: { quickLink: QuickLink }) => {
                                     }}
                                 />
                             </CompactLayout>
-                            <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                            <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                                 <Button
                                     onClick={handleClose}
                                     variant={"outline"}
diff --git a/src/features/shared/dialogs/tags/AddNewTagDialog.tsx b/src/features/shared/dialogs/tags/AddNewTagDialog.tsx
index 9768613..8cf7500 100644
--- a/src/features/shared/dialogs/tags/AddNewTagDialog.tsx
+++ b/src/features/shared/dialogs/tags/AddNewTagDialog.tsx
@@ -124,7 +124,7 @@ export default NiceModal.create(({ fileLink }: TagFileMenuDialogProps) => {
                                 </FormItem>
                             )}
                         />
-                        <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 type="button"
                                 variant={"outline"}
diff --git a/src/features/shared/dialogs/tags/ManageTagCard.tsx b/src/features/shared/dialogs/tags/ManageTagCard.tsx
index 0dfa326..de9d559 100644
--- a/src/features/shared/dialogs/tags/ManageTagCard.tsx
+++ b/src/features/shared/dialogs/tags/ManageTagCard.tsx
@@ -108,7 +108,7 @@ export function ManageTagCard({ tag, files }: ManageTagCardProps) {
                                 </FormItem>
                             )}
                         />
-                        <div className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                        <div className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                             <Button
                                 type="button"
                                 variant={"outline"}
diff --git a/src/features/shared/dialogs/tags/ManageTagsDialog.tsx b/src/features/shared/dialogs/tags/ManageTagsDialog.tsx
index daa8f2b..57ffb61 100644
--- a/src/features/shared/dialogs/tags/ManageTagsDialog.tsx
+++ b/src/features/shared/dialogs/tags/ManageTagsDialog.tsx
@@ -72,7 +72,7 @@ export default NiceModal.create(() => {
                         </p>
                     )}
                 </ScrollArea>
-                <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                     <Button variant={"outline"} onClick={handleClose}>
                         Close
                     </Button>
diff --git a/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx b/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx
index 345d6a9..dab8478 100644
--- a/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx
+++ b/src/features/shared/dialogs/tags/ViewTaggedFilesDialog.tsx
@@ -73,7 +73,7 @@ export default NiceModal.create(({ tag }: ViewTaggedFilesDialogProps) => {
                         )}
                     </div>
                 </ScrollArea>
-                <DialogFooter className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
+                <DialogFooter className="flex flex-col-reverse gap-1 sm:flex-row sm:justify-end sm:space-x-2">
                     <Button variant={"outline"} onClick={handleClose}>
                         Close
                     </Button>