diff --git a/benchmarking.html b/benchmarking.html
index e778fed..b5d9d3f 100644
--- a/benchmarking.html
+++ b/benchmarking.html
@@ -3,6 +3,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Benchmarking Sandbox</title>
   </head>
 
diff --git a/demos/interactive_demo.html b/demos/interactive_demo.html
index c8f3957..e16603c 100644
--- a/demos/interactive_demo.html
+++ b/demos/interactive_demo.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Galaxy Stars - GridWise Visualization</title>
     <style>
       * {
@@ -10,12 +11,11 @@
         box-sizing: border-box;
       }
 
-      body {
+      body, html {
         font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
         background: #0a0a0f;
-        overflow: hidden;
-        width: 100vw;
-        height: 100vh;
+        height: 100%;
+        overscroll-behavior: none;
       }
 
       #canvas {
@@ -25,6 +25,7 @@
         width: 100%;
         height: 100%;
         cursor: crosshair;
+        display: block;
       }
 
       #controls {
@@ -186,6 +187,20 @@
         pointer-events: none;
         box-shadow: 0 4px 16px rgba(0,0,0,0.5);
       }
+
+      @media (height < 600px) or (width < 600px) {
+        #controls {
+          gap: 5px;
+
+          .button-group {
+            gap: 0px;
+
+            button {
+              padding: 5px;
+            }
+          }
+        }
+      }
     </style>
   </head>
   <body>
diff --git a/examples/reduce_example.html b/examples/reduce_example.html
index f358d18..de97967 100644
--- a/examples/reduce_example.html
+++ b/examples/reduce_example.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Gridwise's Standalone WebGPU Reduce Primitive Test</title>
     <link rel="stylesheet" href="gridwise.css" />
     <link
diff --git a/examples/reduce_perf.html b/examples/reduce_perf.html
index b9cc085..fcfa8ab 100644
--- a/examples/reduce_perf.html
+++ b/examples/reduce_perf.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Standalone WebGPU Reduce Primitive Test, with Configuration Pane</title>
     <link rel="stylesheet" href="gridwise.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" />
diff --git a/examples/regression.html b/examples/regression.html
index cf3be00..f6e60a2 100644
--- a/examples/regression.html
+++ b/examples/regression.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Gridwise Regression Tests</title>
     <link rel="stylesheet" href="gridwise.css" />
   </head>
diff --git a/examples/scan_example.html b/examples/scan_example.html
index 60fd6ca..8a71e3c 100644
--- a/examples/scan_example.html
+++ b/examples/scan_example.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Gridwise's Standalone WebGPU Scan/Reduce Primitive Test</title>
     <link rel="stylesheet" href="gridwise.css" />
     <link
diff --git a/examples/scan_pane_example.html b/examples/scan_pane_example.html
index 0815da9..bacc8a2 100644
--- a/examples/scan_pane_example.html
+++ b/examples/scan_pane_example.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Standalone WebGPU Scan/Reduce Primitive Test, with Configuration Pane</title>
     <link rel="stylesheet" href="gridwise.css" />
   </head>
diff --git a/examples/scan_sort_perf.html b/examples/scan_sort_perf.html
index 72de943..430bd3a 100644
--- a/examples/scan_sort_perf.html
+++ b/examples/scan_sort_perf.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Standalone WebGPU Scan/Reduce/Sort Performance Test</title>
     <link rel="stylesheet" href="gridwise.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" />
diff --git a/examples/sort_example.html b/examples/sort_example.html
index de9ff4f..aad031b 100644
--- a/examples/sort_example.html
+++ b/examples/sort_example.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Gridwise's Standalone WebGPU Sort Primitive Test</title>
     <link rel="stylesheet" href="gridwise.css" />
     <link
diff --git a/examples/test_wgsl_functions.html b/examples/test_wgsl_functions.html
index 30e1c86..7356c95 100644
--- a/examples/test_wgsl_functions.html
+++ b/examples/test_wgsl_functions.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>WGSL Functions Unit Tests</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/standalone.html b/standalone.html
index 1d2197a..b7b7f88 100644
--- a/standalone.html
+++ b/standalone.html
@@ -3,6 +3,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <title>Standalone WebGPU Primitive Test</title>
   </head>
 
