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}
>
-
+
+
+