bug(ChargeAccordion) fix spacing with the Alert and content

getlago · Oct 9, 2023 · 093d44a · 093d44a
1 parent 2ff78cd
commit 093d44a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/plans/ChargeAccordion.tsx b/src/components/plans/ChargeAccordion.tsx
@@ -440,7 +440,9 @@ export const ChargeAccordion = memo(
           {/* Charge main infos */}
           <ChargeModelWrapper data-test="charge-model-wrapper">
             {!!shouldDisplayAlreadyUsedChargeAlert && (
-              <Alert type="warning">{translate('text_6435895831d323008a47911f')}</Alert>
+              <ChargeModelWrapperAlert type="warning">
+                {translate('text_6435895831d323008a47911f')}
+              </ChargeModelWrapperAlert>
             )}
             <ComboBox
               sortValues={false}
@@ -1049,6 +1051,10 @@ const ChargeModelWrapper = styled.div`
   padding: ${theme.spacing(4)} ${theme.spacing(4)} 0 ${theme.spacing(4)};
 `
 
+const ChargeModelWrapperAlert = styled(Alert)`
+  margin-bottom: ${theme.spacing(4)};
+`
+
 const Title = styled.div`
   display: flex;
   flex-direction: column;