From 233a1f35de8cea24c4182065e8d370522726f428 Mon Sep 17 00:00:00 2001
From: Eugene Chybisov <imchybisov@gmail.com>
Date: Mon, 11 Apr 2022 22:27:37 +0200
Subject: [PATCH] fix: reduce max width

---
 packages/widget/src/App.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/widget/src/App.tsx b/packages/widget/src/App.tsx
index 251806091..09e779e18 100644
--- a/packages/widget/src/App.tsx
+++ b/packages/widget/src/App.tsx
@@ -22,7 +22,8 @@ const MainContainer = styled(Container)(({ theme }) => ({
   display: 'flex',
   flexDirection: 'column',
   overflowX: 'clip',
-  marginRight: 0
+  marginRight: 0,
+  maxWidth: 480
 }));
 
 interface AppProps {
@@ -37,7 +38,7 @@ export const App: React.FC<AppProps> = ({ config }) => {
     <ThemeProvider theme={theme}>
       <QueryProvider client={queryClient}>
         <MemoryRouter>
-          <MainContainer maxWidth="sm" disableGutters>
+          <MainContainer disableGutters>
             <WidgetProvider config={config}>
               <SwapFormProvider>
                 <WalletHeader />