From 894395e5825075567a72f467541523c3c00beb85 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 3 Feb 2023 11:35:21 +0300
Subject: [PATCH] Making icons smaller

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 packages/core/src/renderer/components/layout/sidebar-item.tsx | 1 +
 .../src/renderer/components/layout/sidebar-items.module.scss  | 4 ++--
 .../core/src/renderer/components/layout/sidebar.module.scss   | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/renderer/components/layout/sidebar-item.tsx b/packages/core/src/renderer/components/layout/sidebar-item.tsx
index f3e171fc4b..e48e11b239 100644
--- a/packages/core/src/renderer/components/layout/sidebar-item.tsx
+++ b/packages/core/src/renderer/components/layout/sidebar-item.tsx
@@ -105,6 +105,7 @@ class NonInjectedSidebarItem extends React.Component<
           {this.isExpandable && (
             <Icon
               className={styles.expandIcon}
+              small
               material={
                 this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }
diff --git a/packages/core/src/renderer/components/layout/sidebar-items.module.scss b/packages/core/src/renderer/components/layout/sidebar-items.module.scss
index 31c0535aa5..e22c2a0c44 100644
--- a/packages/core/src/renderer/components/layout/sidebar-items.module.scss
+++ b/packages/core/src/renderer/components/layout/sidebar-items.module.scss
@@ -7,9 +7,9 @@
 
   > .navItem {
     display: flex;
-    gap: 6px;
+    gap: 8px;
     text-decoration: none;
-    padding: 6px 8px 6px 8px;
+    padding: 4px 8px 4px 8px;
     cursor: pointer;
 
     &:global(.active), &:hover {
diff --git a/packages/core/src/renderer/components/layout/sidebar.module.scss b/packages/core/src/renderer/components/layout/sidebar.module.scss
index 21f6a47a12..ef0db9173c 100644
--- a/packages/core/src/renderer/components/layout/sidebar.module.scss
+++ b/packages/core/src/renderer/components/layout/sidebar.module.scss
@@ -32,6 +32,7 @@
 }
 
 .sidebarNav :global(.Icon) {
+  --size: 18px;
   box-sizing: content-box;
   border-radius: 50%;
 }