diff --git a/public/index.html b/public/index.html
index 1d3477a..ee67378 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>Embeddable Chatbox Demo</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
   </head>
   <body>
     <p style="font-family:sans-serif; padding: 3rem 5rem;">
diff --git a/src/components/_widget.scss b/src/components/_widget.scss
index 214d937..f29cb15 100644
--- a/src/components/_widget.scss
+++ b/src/components/_widget.scss
@@ -124,13 +124,14 @@
   }
 }
 
-@media screen and (max-width: 400px){
+@media screen and (max-width: 420px){
   .docked-widget {
     right: 0;
     left: 0;
   }
 
   .dock, .widget {
+    width: 100vw;
     max-width: 100vw;
   }
 }
\ No newline at end of file
