diff --git a/mapboxgl/templates/main.html b/mapboxgl/templates/main.html
index 0dfc844..878db86 100644
--- a/mapboxgl/templates/main.html
+++ b/mapboxgl/templates/main.html
@@ -13,7 +13,7 @@
 
 <style type='text/css'>
     body { margin:0; padding:0; }
-    .map { position: absolute; top:0; bottom:0; width:100%; }
+    .map { position: absolute; top:0; bottom:0; width: {{ mapWidth }}; height:{{ mapHeight }} }
     .legend {
         background-color: {{ legendFill }};
         color: {{ legendTextColor }};
diff --git a/mapboxgl/viz.py b/mapboxgl/viz.py
index 213ac4c..2d7a357 100644
--- a/mapboxgl/viz.py
+++ b/mapboxgl/viz.py
@@ -298,6 +298,8 @@ def create_html(self, filename=None):
             scalePosition=self.scale_position,
             scaleFillColor=self.scale_background_color,
             scaleTextColor=self.scale_text_color,
+            mapWidth=self.width,
+            mapHeight=self.height
         )
 
         if self.legend: