diff --git a/src/generators/wc-lit-element-ts/templates/static/demo/index.html b/src/generators/wc-lit-element-ts/templates/static/demo/index.html
index a6514c99..3b5a6ed5 100644
--- a/src/generators/wc-lit-element-ts/templates/static/demo/index.html
+++ b/src/generators/wc-lit-element-ts/templates/static/demo/index.html
@@ -2,6 +2,7 @@
 <html lang="en-GB">
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
   <style>
     body {
       background: #fafafa;
diff --git a/src/generators/wc-lit-element/templates/static/demo/index.html b/src/generators/wc-lit-element/templates/static/demo/index.html
index 0e592895..7609a2a7 100644
--- a/src/generators/wc-lit-element/templates/static/demo/index.html
+++ b/src/generators/wc-lit-element/templates/static/demo/index.html
@@ -2,6 +2,7 @@
 <html lang="en-GB">
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
   <style>
     body {
       background: #fafafa;
