diff --git a/src/client/manager/modules/ui/components/left_panel/index.js b/src/client/manager/modules/ui/components/left_panel/index.js
index 4b4d401871cd..1e802912ec28 100644
--- a/src/client/manager/modules/ui/components/left_panel/index.js
+++ b/src/client/manager/modules/ui/components/left_panel/index.js
@@ -5,7 +5,8 @@ import TextFilter from './text_filter';
 import pick from 'lodash.pick';
 
 const scrollStyle = {
-  height: '100vh',
+  height: 'calc(100vh - 105px)',
+  marginTop: 10,
   overflowY: 'auto',
 };
 
@@ -16,14 +17,14 @@ const mainStyle = {
 const storyProps = ['stories', 'selectedKind', 'selectedStory', 'onSelectStory'];
 
 const LeftPanel = (props) => (
-  <div style={scrollStyle}>
-    <div style={mainStyle}>
-      <Header openShortcutsHelp={props.openShortcutsHelp} />
-      <TextFilter
-        text={props.storyFilter}
-        onClear={() => props.onStoryFilter('')}
-        onChange={(text) => props.onStoryFilter(text)}
-      />
+  <div style={mainStyle}>
+    <Header openShortcutsHelp={props.openShortcutsHelp} />
+    <TextFilter
+      text={props.storyFilter}
+      onClear={() => props.onStoryFilter('')}
+      onChange={(text) => props.onStoryFilter(text)}
+    />
+    <div style={scrollStyle}>
       {props.stories ? (<Stories {...pick(props, storyProps)} />) : null}
     </div>
   </div>
diff --git a/src/client/manager/modules/ui/components/left_panel/stories.js b/src/client/manager/modules/ui/components/left_panel/stories.js
index ca2afcf51fb9..b1976e6156cd 100644
--- a/src/client/manager/modules/ui/components/left_panel/stories.js
+++ b/src/client/manager/modules/ui/components/left_panel/stories.js
@@ -2,7 +2,6 @@ import React from 'react';
 import { baseFonts } from '../theme';
 
 const listStyle = {
-  marginTop: 10,
   ...baseFonts,
 };