fix styles

src/components/CurrencyInputPanel/index.js

@@ -207,7 +207,7 @@ export default function CurrencyInputPanel({
   showUnlock,
   value
 }) {
-  const { t } = useTranslation();
+  const { t } = useTranslation()
 
   const [modalIsOpen, setModalIsOpen] = useState(false)
 

src/i18n.js

@@ -9,10 +9,10 @@ i18next
   .use(initReactI18next)
   .init({
     backend: {
-      loadPath: '/locales/{{lng}}.json',
+      loadPath: '/locales/{{lng}}.json'
     },
     react: {
-      useSuspense: true,
+      useSuspense: true
     },    
     fallbackLng: 'en',
     preload: ['en'],

src/index.js

@@ -10,7 +10,6 @@ import TokensContextProvider from './contexts/Tokens'
 import BalancesContextProvider from './contexts/Balances'
 import AllowancesContextProvider from './contexts/Allowances'
 
-
 import App from './pages/App'
 import InjectedConnector from './InjectedConnector'
 
@@ -34,9 +33,7 @@ function ContextProviders({ children }) {
       <TransactionContextProvider>
         <TokensContextProvider>
           <BalancesContextProvider>
-            <AllowancesContextProvider>
+            <AllowancesContextProvider>{children}</AllowancesContextProvider>
-              {children}
-            </AllowancesContextProvider>
           </BalancesContextProvider>
         </TokensContextProvider>
       </TransactionContextProvider>
@@ -60,7 +57,7 @@ ReactDOM.render(
       <Web3Provider connectors={connectors} libraryName="ethers.js">
         <ContextProviders>
           <Updaters />
-              <App />
+          <App />
         </ContextProviders>
       </Web3Provider>
     </>

src/pages/App.js

@@ -83,7 +83,6 @@ export default function App() {
                     />
                     <Redirect to="/swap" />
                   </Switch>
-                  
                 </Suspense>
               </BrowserRouter>
             </Web3ReactManager>