diff --git a/view/package.json b/view/package.json
index 9f01f40..7ab835c 100644
--- a/view/package.json
+++ b/view/package.json
@@ -1,6 +1,6 @@
 {
   "name": "reliable-view",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "view layer for Reliable",
   "files": [
     "public/*.js",
@@ -35,7 +35,7 @@
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
     "@babel/runtime": "^7.0.0",
-    "antd": "^3.6.1",
+    "antd": "^3.21.1",
     "autoprefixer": "^9.1.0",
     "awesome-clipboard": "^2.0.2",
     "babel-loader": "^8.0.0",
diff --git a/view/src/components/ReliableLayout.js b/view/src/components/ReliableLayout.js
index 7592665..edec889 100644
--- a/view/src/components/ReliableLayout.js
+++ b/view/src/components/ReliableLayout.js
@@ -22,7 +22,9 @@ export default class ReliableLayout extends React.Component {
 
   render () {
     return (
-      <Layout>
+      <Layout
+        style={{ minHeight: '100%' }}
+      >
         { !this.props.hideMenu && <SiderBar collapsed={this.state.collapsed} /> }
         <Layout>
           <Header
diff --git a/view/src/components/SiderBar.js b/view/src/components/SiderBar.js
index 6ac44da..d65f53e 100644
--- a/view/src/components/SiderBar.js
+++ b/view/src/components/SiderBar.js
@@ -20,7 +20,6 @@ export default class SiderBar extends React.Component {
         trigger={null}
         collapsible
         width="200px"
-        style={{ minHeight: '100%' }}
         collapsed={this.props.collapsed}
       >
         <div className="logo">