From 72667791cdc17314a28f64cd7db6f7c05c478a4f Mon Sep 17 00:00:00 2001
From: casperlamboo <casperlamboo@gmail.com>
Date: Tue, 14 Nov 2017 02:45:38 +0100
Subject: [PATCH] fix height

---
 src/components/DoodlePreview.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/DoodlePreview.js b/src/components/DoodlePreview.js
index 8baa199..3b0af08 100644
--- a/src/components/DoodlePreview.js
+++ b/src/components/DoodlePreview.js
@@ -9,6 +9,9 @@ import injectSheet from 'react-jss';
 import ReactResizeDetector from 'react-resize-detector';
 
 const styles = {
+  container: {
+    height: '100%'
+  },
   canvas: {
     position: 'absolute'
   }
@@ -55,7 +58,7 @@ class DoodlePreview extends React.Component {
     const { classes } = this.props;
 
     return (
-      <div>
+      <div className={classes.container}>
         <ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
         <canvas className={classes.canvas} ref="canvas" />
       </div>
@@ -69,7 +72,6 @@ DoodlePreview.defaultProps = {
 };
 DoodlePreview.propTypes = {
   classes: PropTypes.objectOf(PropTypes.string),
-  className: PropTypes.string,
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,
   pixelRatio: PropTypes.number.isRequired,