diff --git a/src/css/style.css b/src/css/style.css
index 32e8a52..f44223a 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -454,6 +454,12 @@ figure p {
     bottom: 0px;
 }
 
+#emojiCanvas {
+    width: 100%;
+    height: 100%;
+    /* additional styles */
+}
+
 @media only screen and (max-width: 767px) {
     #dynamic-frame,
     #static-frame,
@@ -748,9 +754,3 @@ figure p {
         margin: 0rem;
     }
 }
-
-#emojiCanvas {
-    width: 100%;
-    height: 100%;
-    /* additional styles */
-}
diff --git a/src/main.js b/src/main.js
index 8018668..e702b76 100644
--- a/src/main.js
+++ b/src/main.js
@@ -127,6 +127,7 @@ function init() {
             // progress: true,
         })
         .onStepEnter(handleStepEnter);
+    window.addEventListener("resize", handleResize);
 }
 
 function figureUpdate(stepNumber) {