My Safe Accounts
diff --git a/src/components/sidebar/SafeList/styles.module.css b/src/components/sidebar/SafeList/styles.module.css
index 275ee9c000..7c5a03a937 100644
--- a/src/components/sidebar/SafeList/styles.module.css
+++ b/src/components/sidebar/SafeList/styles.module.css
@@ -1,7 +1,3 @@
-.container {
- overflow-y: auto;
-}
-
.header {
display: flex;
justify-content: space-between;
diff --git a/src/components/sidebar/Sidebar/index.tsx b/src/components/sidebar/Sidebar/index.tsx
index e6d5bfb2ef..f25d8798d3 100644
--- a/src/components/sidebar/Sidebar/index.tsx
+++ b/src/components/sidebar/Sidebar/index.tsx
@@ -10,6 +10,7 @@ import SidebarFooter from '@/components/sidebar/SidebarFooter'
import css from './styles.module.css'
import { trackEvent, OVERVIEW_EVENTS } from '@/services/analytics'
+import { DataWidget } from '@/components/welcome/DataWidget'
const Sidebar = (): ReactElement => {
const [isDrawerOpen, setIsDrawerOpen] = useState(false)
@@ -53,6 +54,10 @@ const Sidebar = (): ReactElement => {
diff --git a/src/components/sidebar/Sidebar/styles.module.css b/src/components/sidebar/Sidebar/styles.module.css
index 08b9dff4c3..0a12061ffc 100644
--- a/src/components/sidebar/Sidebar/styles.module.css
+++ b/src/components/sidebar/Sidebar/styles.module.css
@@ -1,5 +1,4 @@
-.container,
-.drawer {
+.container {
height: 100vh;
padding-top: var(--header-height);
display: flex;
@@ -25,12 +24,15 @@
.drawer {
width: 480px;
max-width: 90vw;
+ padding-top: var(--header-height);
+ border-right: 1px solid var(--color-border-light);
+ overflow-y: auto;
+ height: 100%;
}
-.drawer {
- text-align: center;
- padding: var(--header-height) 0 0 0;
- border-right: 1px solid var(--color-border-light);
+.dataWidget {
+ margin-top: var(--space-4);
+ border-top: 1px solid var(--color-border-light);
}
.noSafeHeader {
diff --git a/src/components/welcome/DataWidget.tsx b/src/components/welcome/DataWidget.tsx
index 4bb3159a01..ff8f899a72 100644
--- a/src/components/welcome/DataWidget.tsx
+++ b/src/components/welcome/DataWidget.tsx
@@ -44,6 +44,7 @@ export const DataWidget = (): ReactElement => {
}
+ className={css.cardHeader}
title={
{hasData ? 'Work with your data' : 'Already have a Safe Account?'}}
subheader={hasData ? 'Export or import your data' : 'Import your data'}
/>
diff --git a/src/components/welcome/styles.module.css b/src/components/welcome/styles.module.css
index 109c8246e2..6b2c573afb 100644
--- a/src/components/welcome/styles.module.css
+++ b/src/components/welcome/styles.module.css
@@ -63,6 +63,10 @@
padding: 0;
}
+.cardHeader {
+ text-align: left;
+}
+
@media (max-width: 899.95px) {
.sidebar :global .MuiPaper-root {
height: 100%;