From 3c1cb539adf309d6d564ab9b5d390e11c2efa48e Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Thu, 27 Mar 2025 12:43:58 +0100
Subject: [PATCH] Add spacing to confirmation dialog buttons

---
 src/modules/core/components/ConfirmDialog.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/modules/core/components/ConfirmDialog.tsx b/src/modules/core/components/ConfirmDialog.tsx
index 0bb35799..a7d17ab4 100644
--- a/src/modules/core/components/ConfirmDialog.tsx
+++ b/src/modules/core/components/ConfirmDialog.tsx
@@ -77,10 +77,11 @@ export const ConfirmDialog = ({
             </DialogContent>
             <DialogActions>
                 <Stack
-                    direction="row"
                     sx={{
+                        flexDirection: 'row',
                         justifyContent: actions.extra.show ? 'space-between' : 'end',
                         width: '100%',
+                        gap: 1,
                     }}
                 >
                     {actions.extra.show && (
@@ -88,7 +89,12 @@ export const ConfirmDialog = ({
                             {actions.extra.title}
                         </Button>
                     )}
-                    <Stack direction="row">
+                    <Stack
+                        sx={{
+                            flexDirection: 'row',
+                            gap: 1,
+                        }}
+                    >
                         {actions.cancel.show && (
                             <Button onClick={onCancel} variant={actions.cancel.contain ? 'contained' : undefined}>
                                 {actions.cancel.title}