diff --git a/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx b/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
index 3fb21adf2..5e7367df0 100644
--- a/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
@@ -1,5 +1,4 @@
 import styled from '@emotion/styled';
-import { AnimatePresence, LayoutGroup } from 'framer-motion';
 import { ReactNode, useState } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 
@@ -108,62 +107,58 @@ export const ConfirmationModal = ({
   };
 
   return (
-    <AnimatePresence mode="wait">
-      <LayoutGroup>
-        <StyledConfirmationModal
-          modalId={modalId}
-          onClose={() => {
-            onClose?.();
-          }}
-          onEnter={handleEnter}
-          isClosable={true}
-          padding="large"
-          modalVariant={modalVariant}
-          data-globally-prevent-click-outside
-        >
-          <StyledCenteredTitle>
-            <H1Title title={title} fontColor={H1TitleFontColor.Primary} />
-          </StyledCenteredTitle>
-          <StyledSection
-            alignment={SectionAlignment.Center}
-            fontColor={SectionFontColor.Primary}
-          >
-            {subtitle}
-          </StyledSection>
-          {confirmationValue && (
-            <Section>
-              <TextInput
-                dataTestId="confirmation-modal-input"
-                value={inputConfirmationValue}
-                onChange={handleInputConfimrationValueChange}
-                placeholder={confirmationPlaceholder}
-                fullWidth
-                disableHotkeys
-                key={'input-' + confirmationValue}
-              />
-            </Section>
-          )}
-          <StyledCenteredButton
-            onClick={handleCancelClick}
-            variant="secondary"
-            title={t`Cancel`}
+    <StyledConfirmationModal
+      modalId={modalId}
+      onClose={() => {
+        onClose?.();
+      }}
+      onEnter={handleEnter}
+      isClosable={true}
+      padding="large"
+      modalVariant={modalVariant}
+      data-globally-prevent-click-outside
+    >
+      <StyledCenteredTitle>
+        <H1Title title={title} fontColor={H1TitleFontColor.Primary} />
+      </StyledCenteredTitle>
+      <StyledSection
+        alignment={SectionAlignment.Center}
+        fontColor={SectionFontColor.Primary}
+      >
+        {subtitle}
+      </StyledSection>
+      {confirmationValue && (
+        <Section>
+          <TextInput
+            dataTestId="confirmation-modal-input"
+            value={inputConfirmationValue}
+            onChange={handleInputConfimrationValueChange}
+            placeholder={confirmationPlaceholder}
             fullWidth
-            dataTestId="confirmation-modal-cancel-button"
+            disableHotkeys
+            key={'input-' + confirmationValue}
           />
+        </Section>
+      )}
+      <StyledCenteredButton
+        onClick={handleCancelClick}
+        variant="secondary"
+        title={t`Cancel`}
+        fullWidth
+        dataTestId="confirmation-modal-cancel-button"
+      />
 
-          {AdditionalButtons}
+      {AdditionalButtons}
 
-          <StyledCenteredButton
-            onClick={handleConfirmClick}
-            variant="secondary"
-            accent={confirmButtonAccent}
-            title={confirmButtonText}
-            disabled={!isValidValue || loading}
-            fullWidth
-            dataTestId="confirmation-modal-confirm-button"
-          />
-        </StyledConfirmationModal>
-      </LayoutGroup>
-    </AnimatePresence>
+      <StyledCenteredButton
+        onClick={handleConfirmClick}
+        variant="secondary"
+        accent={confirmButtonAccent}
+        title={confirmButtonText}
+        disabled={!isValidValue || loading}
+        fullWidth
+        dataTestId="confirmation-modal-confirm-button"
+      />
+    </StyledConfirmationModal>
   );
 };
diff --git a/packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx b/packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx
index 451f80568..d2670416c 100644
--- a/packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx
@@ -12,7 +12,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { css, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import { motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 import React, { useRef } from 'react';
 const StyledModalDiv = styled(motion.div)<{
   size?: ModalSize;
@@ -221,7 +221,7 @@ export const Modal = ({
   };
 
   return (
-    <>
+    <AnimatePresence mode="wait">
       {isModalOpened && (
         <ModalComponentInstanceContext.Provider
           value={{
@@ -266,7 +266,7 @@ export const Modal = ({
           </ClickOutsideListenerContext.Provider>
         </ModalComponentInstanceContext.Provider>
       )}
-    </>
+    </AnimatePresence>
   );
 };