Add bottom padding and ability to scroll in MainSideBar

src/components/MainSideBar/index.js

@@ -21,6 +21,7 @@ import { getUpdateStatus } from 'reducers/update'
 
 import { SideBarList, SideBarListItem } from 'components/base/SideBar'
 import Box from 'components/base/Box'
+import GrowScroll from 'components/base/GrowScroll'
 import Space from 'components/base/Space'
 
 import IconManager from 'icons/Manager'
@@ -82,7 +83,8 @@ class MainSideBar extends PureComponent<Props> {
     )
 
     return (
-      <Box bg="white" style={{ width: 230 }}>
+      <Box relative bg="white" style={{ width: 230 }}>
+        <GrowScroll>
           <Space of={70} />
           <SideBarList title={t('sidebar:menu')}>
             <SideBarListItem
@@ -122,7 +124,6 @@ class MainSideBar extends PureComponent<Props> {
           </SideBarList>
           <Space of={40} />
           <SideBarList
-          scroll
             title={t('sidebar:accounts')}
             titleRight={addAccountButton}
             emptyText={t('emptyState:sidebar.text')}
@@ -136,6 +137,8 @@ class MainSideBar extends PureComponent<Props> {
               />
             ))}
           </SideBarList>
+          <Space of={15} />
+        </GrowScroll>
       </Box>
     )
   }