From 4629b3dd8ebfad2410b47cd95ac8ddc0880c9ad8 Mon Sep 17 00:00:00 2001
From: Yash Joshi <jyash97@gmail.com>
Date: Wed, 23 Aug 2023 18:39:44 +0530
Subject: [PATCH] fix(modal): add padding in confirmation modal (#1247)

---
 .../src/modules/ui/modal/components/ConfirmationModal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/modal/components/ConfirmationModal.tsx b/front/src/modules/ui/modal/components/ConfirmationModal.tsx
index e3b71b124..e4f958715 100644
--- a/front/src/modules/ui/modal/components/ConfirmationModal.tsx
+++ b/front/src/modules/ui/modal/components/ConfirmationModal.tsx
@@ -24,6 +24,10 @@ export type ConfirmationModalProps = {
   confirmationValue?: string;
 };
 
+const StyledConfirmationModal = styled(Modal)`
+  padding: ${({ theme }) => theme.spacing(4)};
+`;
+
 const StyledCenteredButton = styled(Button)`
   justify-content: center;
 `;
@@ -68,7 +72,7 @@ export function ConfirmationModal({
   return (
     <AnimatePresence mode="wait">
       <LayoutGroup>
-        <Modal
+        <StyledConfirmationModal
           isOpen={isOpen}
           onOutsideClick={() => {
             if (isOpen) {
@@ -110,7 +114,7 @@ export function ConfirmationModal({
               marginTop: 10,
             }}
           />
-        </Modal>
+        </StyledConfirmationModal>
       </LayoutGroup>
     </AnimatePresence>
   );