diff --git a/src/panels/calendar/dialog-calendar-event-editor.ts b/src/panels/calendar/dialog-calendar-event-editor.ts
index 1f5e48ce9d..e1db40da69 100644
--- a/src/panels/calendar/dialog-calendar-event-editor.ts
+++ b/src/panels/calendar/dialog-calendar-event-editor.ts
@@ -581,7 +581,7 @@ class DialogCalendarEventEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        @media all and (min-width: 450px and min-height: 500px) {
+        @media all and (min-width: 450px) and (min-height: 500px) {
           ha-dialog {
             --mdc-dialog-min-width: min(600px, 95vw);
             --mdc-dialog-max-width: min(600px, 95vw);
diff --git a/src/panels/todo/dialog-todo-item-editor.ts b/src/panels/todo/dialog-todo-item-editor.ts
index 44a52d907c..1afb0f66e4 100644
--- a/src/panels/todo/dialog-todo-item-editor.ts
+++ b/src/panels/todo/dialog-todo-item-editor.ts
@@ -385,7 +385,7 @@ class DialogTodoItemEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        @media all and (min-width: 450px and min-height: 500px) {
+        @media all and (min-width: 450px) and (min-height: 500px) {
           ha-dialog {
             --mdc-dialog-min-width: min(600px, 95vw);
             --mdc-dialog-max-width: min(600px, 95vw);