diff --git a/spug_web/src/layout/Sider.js b/spug_web/src/layout/Sider.js
index 35cfdd9..c275995 100644
--- a/spug_web/src/layout/Sider.js
+++ b/spug_web/src/layout/Sider.js
@@ -74,7 +74,7 @@ class Sider extends React.Component {
 
   render() {
     return (
-      <Layout.Sider collapsed={this.props.collapsed}>
+      <Layout.Sider collapsed={this.props.collapsed} style={{height: '100vh', overflow: 'scroll'}}>
         <div className={styles.logo}>
           <img src={logo} alt="Logo"/>
           <img src={logoText} alt="logo-text" style={{marginLeft: 25, width: 70}} />
diff --git a/spug_web/src/layout/index.js b/spug_web/src/layout/index.js
index 52cb65c..691ca3c 100644
--- a/spug_web/src/layout/index.js
+++ b/spug_web/src/layout/index.js
@@ -30,8 +30,8 @@ export default class extends React.Component {
 
   render() {
     return (
-      <Layout style={{minHeight: '100vh'}}>
-        <Sider collapsed={this.state.collapsed}/>
+      <Layout>
+        <Sider collapsed={this.state.collapsed} />
         <Layout>
           <Header
             collapsed={this.state.collapsed}