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