diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
index c1deb1517f..d1e5244d02 100644
--- a/src/components/ha-date-range-picker.ts
+++ b/src/components/ha-date-range-picker.ts
@@ -84,6 +84,7 @@ export class HaDateRangePicker extends LitElement {
               slot="ranges"
               class="date-range-ranges"
               .dir=${this._rtlDirection}
+            >
               <mwc-list @request-selected=${this._setDateRange}>
                 ${Object.entries(this.ranges).map(
                   ([name, dates]) => html`<mwc-list-item