diff --git a/src/renderer/components/layout/sidebar-items.module.scss b/src/renderer/components/layout/sidebar-items.module.scss
new file mode 100644
index 0000000000..e55552cda1
--- /dev/null
+++ b/src/renderer/components/layout/sidebar-items.module.scss
@@ -0,0 +1,43 @@
+.SidebarItem {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 100%;
+  user-select: none;
+
+  > .navItem {
+    text-decoration: none;
+    padding: 3px 6px;
+    width: 100%;
+    height: 100%;
+    color: inherit;
+    cursor: pointer;
+
+    &.active, &:hover {
+      background: var(--blue);
+      color: var(--sidebarActiveColor);
+    }
+
+    .subMenu {
+      border-left: 4px solid transparent;
+    
+      > .SidebarItem {
+        color: var(--textColorPrimary);
+        padding-left: 31px;
+        line-height: 150%;
+    
+        .SidebarItem {
+          padding-left: calc(var(--padding * 2)); // 3rd+ menu level
+        }
+
+        .navItem {
+          &.active, &:hover {
+            color: var(--sidebarSubmenuActiveColor);
+            background: none;
+          }
+        }
+      }
+    }
+  }
+}
+