diff --git a/docs/components/TimeBasedLineChartDocs.js b/docs/components/TimeBasedLineChartDocs.js
index <HASH>..<HASH> 100644
--- a/docs/components/TimeBasedLineChartDocs.js
+++ b/docs/components/TimeBasedLineChartDocs.js
@@ -6,6 +6,28 @@ const { TimeBasedLineChart } = require('mx-react-components');
 const Markdown = require('components/Markdown');
 
 const TimeBasedLineChartDocs = React.createClass({
+  getInitialState () {
+    return {
+      chartHeight: (window.innerWidth * 0.6) / 2,
+      chartWidth: window.innerWidth * 0.6
+    };
+  },
+
+  componentDidMount () {
+    window.addEventListener('resize', this._handleWindowResize);
+  },
+
+  componentWillUnmount () {
+    window.removeEventListener('resize', this._handleWindowResize);
+  },
+
+  _handleWindowResize () {
+    this.setState({
+      chartHeight: (window.innerWidth * 0.6) / 2,
+      chartWidth: window.innerWidth * 0.6
+    });
+  },
+
   render () {
     const lineChartData = [];
Adds window resize listener to docs for TimeBasedLineChart