Correct spacing in MainSideBar

src/components/MainSideBar.js

@@ -133,12 +133,12 @@ class MainSideBar extends PureComponent<Props> {
 
     return (
       <Box bg="white" style={{ width: 230 }}>
-        <Space of={60} />
-        <SideBarList items={navigationItems} />
+        <Space of={70} />
+        <SideBarList title={t('sidebar:menu')} items={navigationItems} />
         <Space of={40} />
         <SideBarList
           scroll
-          title={t('sidebar:menu')}
+          title={t('sidebar:accounts')}
           titleRight={
             <PlusWrapper onClick={() => openModal('importAccounts')}>
               <IconPlus size={16} />

src/components/base/SideBar/SideBarList.js

@@ -31,7 +31,7 @@ class SideBarList extends PureComponent<Props> {
               {title}
               {!!titleRight && <Box ml="auto">{titleRight}</Box>}
             </SideBarListTitle>
-            <Space of={10} />
+            <Space of={20} />
           </Fragment>
         )}
         <ListWrapper flow={2} px={3} fontSize={3} {...props}>