From 8e4f6b55ba98c37aa49108ef00a4fb6eb1457554 Mon Sep 17 00:00:00 2001
From: Omer Gery <68545675+OmerGery@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:19:04 +0200
Subject: [PATCH] fix div width of payment metod title

---
 .../RideOptions/RideButtons/PaymentButton/index.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx
index d491d5d89..fb2739ae4 100644
--- a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx
+++ b/examples/client/Locomotion/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