From 69beb698ef12cc9cb598d37493cf58287ee19978 Mon Sep 17 00:00:00 2001
From: Mo Bitar <me@bitar.io>
Date: Wed, 10 Nov 2021 15:07:36 -0600
Subject: [PATCH] tmp: handle overflow on small screens

---
 app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx b/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
index 3d7a722c3..0a37413b2 100644
--- a/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
+++ b/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
@@ -35,8 +35,8 @@ export const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> =
 
     return (
       <div className="flex items-center justify-center h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
-        <div className="relative fit-content">
-          <div className="relative p-12 mb-4 bg-default border-1 border-solid border-main rounded">
+        <div style={{maxWidth: '80%', overflow: 'scroll'}} className="relative fit-content">
+          <div style={{overflow: 'scroll'}} className="relative p-12 mb-4 bg-default border-1 border-solid border-main rounded">
             <SNLogoFull className="mb-5" />
             <PurchaseFlowPaneSelector
               currentPane={currentPane}