From 5b66cd17d52cf94ff4e4a97ea5d09e23363d3a48 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Wed, 19 Feb 2020 12:04:37 +0200
Subject: [PATCH] size fixed in the vertical nav bar

---
 src/common/NavBar/VerticalNavBar/VerticalNavBar.js | 2 +-
 src/common/NavBar/VerticalNavBar/styles.less       | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/NavBar/VerticalNavBar/VerticalNavBar.js b/src/common/NavBar/VerticalNavBar/VerticalNavBar.js
index e5d3462ad..67f8492ba 100644
--- a/src/common/NavBar/VerticalNavBar/VerticalNavBar.js
+++ b/src/common/NavBar/VerticalNavBar/VerticalNavBar.js
@@ -12,7 +12,7 @@ const VerticalNavBar = React.memo(({ className, route, tabs }) => {
                     tabs.map((tab, index) => (
                         <NavTabButton
                             key={index}
-                            direction={'vertical'}
+                            className={styles['nav-tab-button']}
                             selected={tab.route === route}
                             href={tab.href}
                             icon={tab.icon}
diff --git a/src/common/NavBar/VerticalNavBar/styles.less b/src/common/NavBar/VerticalNavBar/styles.less
index 6f3d21199..121082608 100644
--- a/src/common/NavBar/VerticalNavBar/styles.less
+++ b/src/common/NavBar/VerticalNavBar/styles.less
@@ -8,4 +8,9 @@
     &::-webkit-scrollbar {
         display: none;
     }
+
+    .nav-tab-button {
+        width: var(--vertical-nav-bar-size);
+        height: var(--vertical-nav-bar-size);
+    }
 }
\ No newline at end of file