diff --git a/panel/frontend/src/pages/DashboardPage.vue b/panel/frontend/src/pages/DashboardPage.vue
index 00192b7..a08e649 100644
--- a/panel/frontend/src/pages/DashboardPage.vue
+++ b/panel/frontend/src/pages/DashboardPage.vue
@@ -153,7 +153,7 @@
 <style scoped>
 .dash-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr));
   gap: 20px;
   margin-top: 20px;
 }
diff --git a/panel/frontend/src/pages/ServerPage.vue b/panel/frontend/src/pages/ServerPage.vue
index 4738b35..0d1ab19 100644
--- a/panel/frontend/src/pages/ServerPage.vue
+++ b/panel/frontend/src/pages/ServerPage.vue
@@ -489,7 +489,9 @@
 }
 .charts-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
+  /* min(420px, 100%): на узких экранах ряд не раздувает грид за край страницы
+     (иначе горизонтальный скролл), а сам схлопывается в одну колонку */
+  grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
   gap: 20px;
   margin-top: 16px;
 }