fix: reduce max width

lifinance · Apr 11, 2022 · 233a1f3 · 233a1f3
1 parent c09ba9b
commit 233a1f3
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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 />