refactor(open-invoice): use consent checkbox style to delivery address

Adyen · Jan 31, 2024 · ace45a2 · ace45a2
1 parent 1de29c9
commit ace45a2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/lib/src/components/internal/OpenInvoice/OpenInvoice.scss b/packages/lib/src/components/internal/OpenInvoice/OpenInvoice.scss
@@ -6,6 +6,10 @@
     }
 }
 
+.adyen-checkout__open-invoice .adyen-checkout__fieldset--personalDetails {
+    padding-bottom: var(--adyen-checkout-spacer-040);
+}
+
 .adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
     padding-bottom: var(--adyen-checkout-spacer-040);
 }
@@ -22,7 +26,3 @@
 .adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
     margin-top: 16px;
 }
-
-.adyen-checkout__input--separateDeliveryAddress + .adyen-checkout__checkbox__label {
-    margin-top: var(--adyen-checkout-spacer-070);
-}
diff --git a/packages/lib/src/components/internal/OpenInvoice/OpenInvoice.tsx b/packages/lib/src/components/internal/OpenInvoice/OpenInvoice.tsx
@@ -285,7 +285,7 @@ export default function OpenInvoice(props: OpenInvoiceProps) {
 
             {showSeparateDeliveryAddressCheckbox && (
                 <Field
-                    classNameModifiers={['separateDeliveryAddress']}
+                    classNameModifiers={['separateDeliveryAddress', 'consentCheckbox']}
                     name={'separateDeliveryAddress'}
                     useLabelElement={false}
                     showErrorElement={false}