diff --git a/examples/templates/example.html b/examples/templates/example.html
index 03e4292bd7..510e997a4f 100644
--- a/examples/templates/example.html
+++ b/examples/templates/example.html
@@ -127,9 +127,13 @@
<title>{{ title }}</title>
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>{{#if extraHead.remote}}
-{{ indent extraHead.remote spaces=4 }}{{/if}}{{#if css.source}}
+{{ indent extraHead.remote spaces=4 }}{{/if}}
<style>
-{{ indent css.source spaces=6 }} </style>{{/if}}
+ .map {
+ width: 100%;
+ height:400px;
+ }
+{{#if css.source}}{{ indent css.source spaces=6 }}{{/if}} </style>
</head>
<body>
{{ indent contents spaces=4 }} <script src="index.js"></script>