clean up some misalignments

app/components/CreateFunding.jsx

@@ -29,33 +29,33 @@ const CreateFunding = ({ refreshTable }) => (
       const toSend =  donate(...args);
 
       const estimateGas = await toSend.estimateGas();
-     
+      
       toSend.send({ from: account, gas: estimateGas + 2000 })
-        .then(res => {
-          console.log({res})
-          setStatus({
-            snackbar: { variant: 'success', message: 'funding provided!' }
-          })
-          refreshTable()
-        })
-        .catch(e => {
-          console.log({e})
-          setStatus({
-            snackbar: { variant: 'error', message: 'There was an error' }
-          })
-        })
+            .then(res => {
+              console.log({res})
+              setStatus({
+                snackbar: { variant: 'success', message: 'funding provided!' }
+              })
+              refreshTable()
+            })
+            .catch(e => {
+              console.log({e})
+              setStatus({
+                snackbar: { variant: 'error', message: 'There was an error' }
+              })
+            })
     }}
   >
     {({
-       values,
-       errors,
-       touched,
-       handleChange,
-       handleBlur,
-       handleSubmit,
-       setFieldValue,
-       setStatus,
-       status
+      values,
+      errors,
+      touched,
+      handleChange,
+      handleBlur,
+      handleSubmit,
+      setFieldValue,
+      setStatus,
+      status
     }) => (
       <form autoComplete="off" onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column' }}>
         <TextField
@@ -95,11 +95,13 @@ const CreateFunding = ({ refreshTable }) => (
         >
           {currencies.map(option => (
             <MenuItem style={{ display: 'flex', alignItems: 'center' }} key={option.value} value={option.value}>
-              {option.icon || <img
-                                src={option.img || `${TOKEN_ICON_API}/${option.value}.png`}
-                                style={{ width: '3%', marginRight: '3%' }}
-              />}
-              {option.label}
+              <div style={{ display: 'flex', alignItems: 'center' }} >
+                {option.icon || <img
+                                  src={option.img || `${TOKEN_ICON_API}/${option.value}.png`}
+                                  style={{ width: option.width, marginRight: '3%' }}
+                />}
+                {option.label}
+              </div>
             </MenuItem>
           ))}
         </TextField>

app/components/FundsManagement.jsx

@@ -8,7 +8,7 @@ import CreateFunding from './CreateFunding'
 
 const FundsManagement = ({ open }) => {
   const windowWidth = window.visualViewport.width
-  const maxWidth = open ? `${windowWidth * 0.80}px` : '100vw'
+  const maxWidth = open ? `${windowWidth * 0.80}px` : '90vw'
   const WebkitTransition = 'all 0.25s ease-out 0s'
   return (
     <FundingContext.Consumer>

app/utils/currencies.js

@@ -4,11 +4,13 @@ import sntIco from 'cryptocurrency-icons/svg/color/snt.svg'
 
 export const TOKEN_ICON_API = 'https://raw.githubusercontent.com/TrustWallet/tokens/master/images'
 export const TOKEN_COIN_API = 'https://raw.githubusercontent.com/TrustWallet/tokens/master/coins'
+export const TOKEN_API = 'https://raw.githubusercontent.com/TrustWallet/tokens/master/tokens'
 export const currencies = [
   {
     value: 'ETH',
     label: 'Ether',
     img: `${TOKEN_COIN_API}/60.png`,
+    width: '10%'
   },
   {
     value: SNT._address,
@@ -18,11 +20,8 @@ export const currencies = [
   {
     value: '0x89d24a6b4ccb1b6faa2625fe562bdd9a23260359',
     label: 'DAI',
-  },
-  {
-    value: StandardToken._address,
-    label: 'Standard Token',
-    icon: '🤔',
+    img: `${TOKEN_API}/0x89d24a6b4ccb1b6faa2625fe562bdd9a23260359.png`,
+    width: '10%'
   }
 ]