fix: Payment Methods sizing

vtex · Dec 19, 2023 · 7a9504d · 7a9504d
1 parent 412a8a9
commit 7a9504d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/components/src/organisms/PaymentMethods/PaymentMethods.tsx b/packages/components/src/organisms/PaymentMethods/PaymentMethods.tsx
@@ -60,7 +60,7 @@ const PaymentMethods = forwardRef<HTMLDivElement, PaymentMethodsProps>(
               data-fs-payment-methods-flag
               key={`fs-payment-method-${index}-${text}`}
             >
-              <Icon width={32} height={22.5} name={icon} />
+              <Icon width={28} height={18} name={icon} />
               {text && <SROnly text={text} />}
             </li>
           ))}

diff --git a/packages/ui/src/components/organisms/PaymentMethods/styles.scss b/packages/ui/src/components/organisms/PaymentMethods/styles.scss
@@ -44,17 +44,15 @@
     justify-content: space-between;
     margin-top: var(--fs-payment-methods-flags-margin-top);
 
-    li {
-      display: flex;
-      place-content: center;
-    }
-
     @include media("<notebook") {
       column-gap: var(--fs-grid-gap-2);
     }
   }
 
   [data-fs-payment-methods-flag] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: var(--fs-payment-methods-flag-width);
     height: var(--fs-payment-methods-flag-height);
     overflow: hidden;