From 0e5dcd7037592fe9d8d450a0605584dd5f8f325c Mon Sep 17 00:00:00 2001
From: Weiko <corentin@twenty.com>
Date: Fri, 25 Aug 2023 21:26:27 +0200
Subject: [PATCH] Fix confirmation modal style (#1310)

---
 .../ui/modal/components/ConfirmationModal.tsx       | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/front/src/modules/ui/modal/components/ConfirmationModal.tsx b/front/src/modules/ui/modal/components/ConfirmationModal.tsx
index 42cf9958b..28c9d77f1 100644
--- a/front/src/modules/ui/modal/components/ConfirmationModal.tsx
+++ b/front/src/modules/ui/modal/components/ConfirmationModal.tsx
@@ -25,14 +25,19 @@ export type ConfirmationModalProps = {
 };
 
 const StyledConfirmationModal = styled(Modal)`
-  padding: ${({ theme }) => theme.spacing(4)};
-  width: calc(400px - ${({ theme }) => theme.spacing(10 * 2)});
+  border-radius: ${({ theme }) => theme.spacing(1)};
+  padding: ${({ theme }) => theme.spacing(6)};
+  width: calc(400px - ${({ theme }) => theme.spacing(32)});
 `;
 
 const StyledCenteredButton = styled(Button)`
   justify-content: center;
 `;
 
+const StyledCenteredTitle = styled.div`
+  text-align: center;
+`;
+
 export const StyledConfirmationButton = styled(StyledCenteredButton)`
   border-color: ${({ theme }) => theme.color.red20};
   box-shadow: none;
@@ -82,7 +87,9 @@ export function ConfirmationModal({
           }}
           onEnter={onConfirmClick}
         >
-          <H1Title title={title} fontColor={H1TitleFontColor.Primary} />
+          <StyledCenteredTitle>
+            <H1Title title={title} fontColor={H1TitleFontColor.Primary} />
+          </StyledCenteredTitle>
           <Section
             alignment={SectionAlignment.Center}
             fontColor={SectionFontColor.Primary}