diff --git a/frontends/ycdl_flask/templates/channel.html b/frontends/ycdl_flask/templates/channel.html
index 1f59714..da98e5e 100644
--- a/frontends/ycdl_flask/templates/channel.html
+++ b/frontends/ycdl_flask/templates/channel.html
@@ -4,6 +4,7 @@
     {% import "header.html" as header %}
     <title>{{channel['name']}}</title>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/common.css">
     <script src="/static/common.js"></script>
 
diff --git a/frontends/ycdl_flask/templates/channels.html b/frontends/ycdl_flask/templates/channels.html
index cd4d1d3..f5af394 100644
--- a/frontends/ycdl_flask/templates/channels.html
+++ b/frontends/ycdl_flask/templates/channels.html
@@ -4,6 +4,7 @@
     {% import "header.html" as header %}
     <title>Channels</title>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/common.css">
     <script src="/static/common.js"></script>
 
diff --git a/frontends/ycdl_flask/templates/root.html b/frontends/ycdl_flask/templates/root.html
index bb65094..d9e8d14 100644
--- a/frontends/ycdl_flask/templates/root.html
+++ b/frontends/ycdl_flask/templates/root.html
@@ -4,6 +4,7 @@
     {% import "header.html" as header %}
     <title>YCDL</title>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="/static/common.css">
 
 <style>