diff --git a/src/renderer/components/layout/sidebar-items.module.scss b/src/renderer/components/layout/sidebar-items.module.scss index 60f10f7738..c37d041816 100644 --- a/src/renderer/components/layout/sidebar-items.module.scss +++ b/src/renderer/components/layout/sidebar-items.module.scss @@ -7,13 +7,9 @@ > .navItem { display: flex; - align-items: center; - gap: 4px; + gap: 8px; text-decoration: none; - padding: 3px 6px; - width: 100%; - height: 100%; - color: inherit; + padding: 6px 8px 6px 10px; cursor: pointer; &:global(.active), &:hover { @@ -39,9 +35,12 @@ .SidebarItem { color: var(--textColorPrimary); - padding-left: 28px; + padding-left: 25px; .navItem { + padding-top: 4px; + padding-bottom: 4px; + &:global(.active), &:hover { color: var(--sidebarSubmenuActiveColor); background: none; diff --git a/src/renderer/components/layout/sidebar.module.scss b/src/renderer/components/layout/sidebar.module.scss index 6c3b41fced..21fbeec1f3 100644 --- a/src/renderer/components/layout/sidebar.module.scss +++ b/src/renderer/components/layout/sidebar.module.scss @@ -21,6 +21,5 @@ .sidebarNav :global(.Icon) { box-sizing: content-box; - padding: 3px; border-radius: 50%; }