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;
+ }
+ }
+