diff --git a/examples/minimal/index.html b/examples/minimal/index.html
index 7ca53cc8..b3a8c467 100755
--- a/examples/minimal/index.html
+++ b/examples/minimal/index.html
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <div id='app'>
+    <div id="app" style="height: 100vh">
         <!-- Webamp will attempt to center itself within this div -->
     </div>
     <script src="https://unpkg.com/webamp@1.3.1/built/webamp.bundle.min.js"></script>
diff --git a/examples/minimalMilkdrop/index.html b/examples/minimalMilkdrop/index.html
index beaeab85..b56161b0 100755
--- a/examples/minimalMilkdrop/index.html
+++ b/examples/minimalMilkdrop/index.html
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <div id='app'>
+    <div id="app" style="height: 100vh">
         <!-- Webamp will attempt to center itself within this div -->
     </div>
     <script src="https://unpkg.com/webamp@1.3.1/built/webamp.bundle.min.js"></script>
diff --git a/examples/webpack/index.html b/examples/webpack/index.html
index 12bacaea..37a63a2a 100755
--- a/examples/webpack/index.html
+++ b/examples/webpack/index.html
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <div id='app'></div>
+    <div id="app" style="height: 100vh"></div>
     <script src="./bundle.js"></script>
 </body>
 
diff --git a/examples/webpackLazyLoad/index.html b/examples/webpackLazyLoad/index.html
index 12bacaea..37a63a2a 100755
--- a/examples/webpackLazyLoad/index.html
+++ b/examples/webpackLazyLoad/index.html
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <div id='app'></div>
+    <div id="app" style="height: 100vh"></div>
     <script src="./bundle.js"></script>
 </body>
 
