diff --git a/webclient/src/features/modes/pages/ModesListPage.vue b/webclient/src/features/modes/pages/ModesListPage.vue
index 3db7e9f..ff9e0a5 100644
--- a/webclient/src/features/modes/pages/ModesListPage.vue
+++ b/webclient/src/features/modes/pages/ModesListPage.vue
@@ -93,11 +93,17 @@
 
 <style scoped>
 .modes-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  display: flex;
+  flex-wrap: wrap;
   gap: 16px;
 }
 
+.mode-card-item {
+  flex: 1 1 280px;
+  min-width: 260px;
+  max-width: 100%;
+}
+
 .mode-meta {
   display: flex;
   flex-wrap: wrap;