diff --git a/packages/twenty-front/src/modules/settings/billing/components/AddCreditCardModal.tsx b/packages/twenty-front/src/modules/settings/billing/components/AddCreditCardModal.tsx
index 8558788a1d..d739e5e34e 100644
--- a/packages/twenty-front/src/modules/settings/billing/components/AddCreditCardModal.tsx
+++ b/packages/twenty-front/src/modules/settings/billing/components/AddCreditCardModal.tsx
@@ -43,12 +43,12 @@ export const AddCreditCardModal = ({
     <ModalStatefulWrapper
       modalInstanceId={modalInstanceId}
       isClosable={true}
+      size="medium"
       padding="large"
       overlay="dark"
       dataGloballyPreventClickOutside
       renderInDocumentBody
       smallBorderRadius
-      narrowWidth
       autoHeight
     >
       <StyledCenteredTitle>
diff --git a/packages/twenty-front/src/modules/settings/billing/components/AddPaymentMethodForm.tsx b/packages/twenty-front/src/modules/settings/billing/components/AddPaymentMethodForm.tsx
index b8a867d351..9f5b1acaeb 100644
--- a/packages/twenty-front/src/modules/settings/billing/components/AddPaymentMethodForm.tsx
+++ b/packages/twenty-front/src/modules/settings/billing/components/AddPaymentMethodForm.tsx
@@ -17,8 +17,8 @@ import {
 import { useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import { isDefined } from 'twenty-shared/utils';
-import { Info, Loader } from 'twenty-ui/feedback';
-import { MainButton } from 'twenty-ui/input';
+import { Info } from 'twenty-ui/feedback';
+import { Button } from 'twenty-ui/input';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 import { CreateBillingPaymentMethodSetupIntentDocument } from '~/generated-metadata/graphql';
 
@@ -36,11 +36,6 @@ const StyledFormContainer = styled.div`
   width: 100%;
 `;
 
-const StyledButtonContainer = styled.div`
-  display: flex;
-  justify-content: center;
-`;
-
 const AddPaymentMethodFormContent = ({
   finalRedirectPath,
   onPaymentMethodAdded,
@@ -144,15 +139,16 @@ const AddPaymentMethodFormContent = ({
             : undefined,
         }}
       />
-      <StyledButtonContainer>
-        <MainButton
-          title={t`Add credit card`}
-          onClick={handleSubmit}
-          width={200}
-          Icon={() => (isSubmitting ? <Loader /> : null)}
-          disabled={!isStripeReady || isSubmitting}
-        />
-      </StyledButtonContainer>
+      <Button
+        title={t`Add credit card`}
+        onClick={handleSubmit}
+        variant="secondary"
+        accent="blue"
+        fullWidth
+        justify="center"
+        isLoading={isSubmitting}
+        disabled={!isStripeReady || isSubmitting}
+      />
     </StyledFormContainer>
   );
 };