diff --git a/storybook/stories/NavBar/VerticalNavBar/LongVerticalNavBar.js b/storybook/stories/NavBar/VerticalNavBar/LongVerticalNavBar.js
new file mode 100644
index 000000000..45fa27fa7
--- /dev/null
+++ b/storybook/stories/NavBar/VerticalNavBar/LongVerticalNavBar.js
@@ -0,0 +1,26 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const VerticalNavBar = require('stremio/common/VerticalNavBar');
+const styles = require('./styles');
+
+const TABS = [
+    { label: 'Board', icon: 'ic_board' },
+    { label: 'Discover', icon: 'ic_discover' },
+    { label: 'Library', icon: 'ic_library' },
+    { label: 'Calendar', icon: 'ic_calendar' },
+    { label: 'Addons', icon: 'ic_addons' },
+    { label: 'Settings', icon: 'ic_settings' },
+    { label: 'Board', icon: 'ic_board' },
+    { label: 'Discover', icon: 'ic_discover' },
+    { label: 'Library', icon: 'ic_library' },
+    { label: 'Calendar', icon: 'ic_calendar' },
+    { label: 'Addons', icon: 'ic_addons' },
+    { label: 'Settings', icon: 'ic_settings' }
+];
+
+storiesOf('NavBar', module).add('LongVerticalNavBar', () => (
+    <VerticalNavBar
+        className={styles['long-vertical-nav-bar']}
+        tabs={TABS}
+    />
+));
diff --git a/storybook/stories/NavBar/VerticalNavBar/index.js b/storybook/stories/NavBar/VerticalNavBar/index.js
index 241e9443d..5df1bd1a3 100644
--- a/storybook/stories/NavBar/VerticalNavBar/index.js
+++ b/storybook/stories/NavBar/VerticalNavBar/index.js
@@ -1 +1,2 @@
 require('./VerticalNavBar');
+require('./LongVerticalNavBar');
diff --git a/storybook/stories/NavBar/VerticalNavBar/styles.less b/storybook/stories/NavBar/VerticalNavBar/styles.less
new file mode 100644
index 000000000..20e8dabff
--- /dev/null
+++ b/storybook/stories/NavBar/VerticalNavBar/styles.less
@@ -0,0 +1,8 @@
+.long-vertical-nav-bar {
+    overflow-y: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
\ No newline at end of file