diff --git a/website/src/components/DocsSidebar.css b/website/src/components/DocsSidebar.css
index d8d1ff37..a0f73f45 100644
--- a/website/src/components/DocsSidebar.css
+++ b/website/src/components/DocsSidebar.css
@@ -3,6 +3,7 @@
   width: 350px;
   padding: 20px;
   border-right: 1px solid #dddfe2;
+  overflow: auto;
 }
 
 .DocsSidebar h3  {
diff --git a/website/src/templates/index.css b/website/src/templates/index.css
index 6d698dfb..0ae1f74c 100644
--- a/website/src/templates/index.css
+++ b/website/src/templates/index.css
@@ -1,3 +1,7 @@
+.doc-block, .playground {
+  height: 1vh;
+}
+
 .no-playground .markdown {
   padding-top: 50px;
 }
diff --git a/website/src/templates/withPlayground.js b/website/src/templates/withPlayground.js
index c6e1d14b..1b40b87f 100644
--- a/website/src/templates/withPlayground.js
+++ b/website/src/templates/withPlayground.js
@@ -20,7 +20,7 @@ import {Button, Icon, Row, Col} from 'antd';
 import './index.css';
 
 export default ({pathContext}) => (
-  <Page className="doc-block">
+  <Page className="doc-block playground">
     <Playground
       selectedNodePath={[]}
       showGuides={false}