diff --git a/index.html b/index.html
index c61c1aa..9b1d5b9 100644
--- a/index.html
+++ b/index.html
@@ -104,7 +104,9 @@
         </table>
     </div>
     <br>
-    <canvas id="preview"></canvas>
+    <div id="canvas-container">
+        <canvas id="preview"></canvas>
+    </div>
     <br>
     <small><a href="https://twitter.com/_klemek" target="_blank">@Klemek</a> - <a
             href="https://github.com/klemek/sheet-divider" target="_blank">Github
diff --git a/style.css b/style.css
index 82e0470..4a46ff5 100644
--- a/style.css
+++ b/style.css
@@ -75,10 +75,15 @@ td[colspan="5"] {
     text-align: center;
 }
 
+#canvas-container{
+    height:20rem;
+    width:100%;
+}
+
 canvas {
     display: block;
     margin: auto;
-    height: 20rem;
+    height: 100%;
 }
 
 @media only screen and (min-width: 768px) {