diff --git a/PanTS-Demo/src/routes/VisualizationPage.css b/PanTS-Demo/src/routes/VisualizationPage.css
index fd0db7f..67674c1 100644
--- a/PanTS-Demo/src/routes/VisualizationPage.css
+++ b/PanTS-Demo/src/routes/VisualizationPage.css
@@ -777,3 +777,30 @@
   pointer-events: none;
   z-index: 9999;
 }
+
+@media (max-width: 768px) {
+  .VisualizationPage {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto;
+  }
+
+  .sidebar {
+    max-width: 100%;
+  }
+
+  .visualization-container {
+    grid-template-columns: 1fr;
+    grid-template-rows: none;
+    grid-auto-rows: 62vh;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .vp-sidebar {
+    width: min(90vw, 22rem) !important;
+  }
+
+  .vp-toolrow {
+    flex-wrap: wrap;
+  }
+}