fix div width of payment metod title

Autofleet · Jan 25, 2024 · 8e4f6b5 · 8e4f6b5
1 parent cf64a87
commit 8e4f6b5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...ocomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx b/...ocomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx
@@ -42,7 +42,7 @@ const CardNameContainer = styled(View)`
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
- width: 55%;
+ width: ${({ fullWidth }) => (fullWidth ? '100%' : '55%')};
 `;
 
 const PromoButtonContainer = styled(View)`
@@ -158,7 +158,7 @@ const PaymentButton = ({
  const IconColor = invalid ? '#F83743' : primaryColor;
  return (
  <Container>
- <CardNameContainer>
+ <CardNameContainer fullWidth={!isCardPaymentMethod({ id })}>
  {isCardPaymentMethod({ id }) ? <PaymentIcon type={brand || 'generic'} />
  : (
  <SvgIcon