diff --git a/index.html b/index.html
index 2107a41..1f0797a 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <head>
     <title>Shower Presentation Engine</title>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <link rel="stylesheet" href="node_modules/@shower/ribbon/styles/styles.css">
     <style>
         .shower {
