diff --git a/src/components/date-range-picker.ts b/src/components/date-range-picker.ts
index 523ac64eb0..bc67b46bd9 100644
--- a/src/components/date-range-picker.ts
+++ b/src/components/date-range-picker.ts
@@ -254,7 +254,7 @@ class DateRangePickerElement extends WrappedElement {
           .daterangepicker select.hourselect,
           .daterangepicker select.minuteselect,
           .daterangepicker select.secondselect {
-            background: transparent;
+            background: var(--card-background-color);
             border: 1px solid var(--divider-color);
             color: var(--primary-color);
           }