diff --git a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
index e222175c9..36d0c056b 100644
--- a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
+++ b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
@@ -602,8 +602,8 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P
     }
 
     return (
-      <div className="flex flex-row justify-between items-center w-full gap-2">
-        <div className="flex flex-col gap-0">
+      <div className="flex flex-row flex-wrap justify-between items-center w-full gap-2">
+        <div className="flex flex-col gap-0 min-w-0">
           <Text
             variant="xsmall"
             color="text100"
@@ -612,7 +612,7 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P
               fontSize: '24px'
             }}
           >
-            {displayPrice}
+            {`${displayPrice} ${dataCurrencyInfo?.symbol}`}
           </Text>
           <div>
             <Text color="text50" variant="xsmall" fontWeight="normal">
@@ -629,7 +629,7 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P
             </Text>
           </div>
         </div>
-        <div>
+        <div className="flex-shrink-0">
           <TokenSelector />
         </div>
       </div>
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index 2700224e8..07627de7b 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -624,9 +624,15 @@ export const styles = String.raw`
   .min-w-full {
     min-width: 100%;
   }
+  .flex-1 {
+    flex: 1;
+  }
   .flex-shrink {
     flex-shrink: 1;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -707,6 +713,9 @@ export const styles = String.raw`
   .flex-row {
     flex-direction: row;
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .place-items-center {
     place-items: center;
   }
@@ -1185,6 +1194,14 @@ export const styles = String.raw`
     --tw-leading: calc(var(--spacing) * 0);
     line-height: calc(var(--spacing) * 0);
   }
+  .leading-0\.5 {
+    --tw-leading: calc(var(--spacing) * 0.5);
+    line-height: calc(var(--spacing) * 0.5);
+  }
+  .leading-1 {
+    --tw-leading: calc(var(--spacing) * 1);
+    line-height: calc(var(--spacing) * 1);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);