diff --git a/src/components/ha-zone-cards.html b/src/components/ha-zone-cards.html
index 1efd0cc06e..1d364ba63e 100644
--- a/src/components/ha-zone-cards.html
+++ b/src/components/ha-zone-cards.html
@@ -25,6 +25,7 @@
 
     .column {
       max-width: 500px;
+      overflow-x: hidden;
     }
 
     .zone-card {
@@ -41,6 +42,13 @@
         margin-left: 0;
       }
     }
+
+    @media (max-width: 599px) {
+      .column {
+        max-width: 600px;
+      }
+    }
+
   </style>
 
   <template>