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