diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index 9d8168a..b574b10 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -732,13 +732,13 @@
                             <div class="date-range-group">
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Start Day</label>
-                                    <select is="emby-select" class="rule-start-day" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-start-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(days, startDay)}
                                     </select>
                                 </div>
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Month</label>
-                                    <select is="emby-select" class="rule-start-month" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-start-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(months, startMonth)}
                                     </select>
                                 </div>
@@ -747,13 +747,13 @@
                             <div class="date-range-group">
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">End Day</label>
-                                    <select is="emby-select" class="rule-end-day" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-end-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(days, endDay)}
                                     </select>
                                 </div>
                                 <div class="selectContainer" style="margin:0; flex: 1;">
                                     <label class="selectLabel">Month</label>
-                                    <select is="emby-select" class="rule-end-month" style="width: 100%;">
+                                    <select class="emby-select emby-select-withcolor rule-end-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
                                         ${getOptions(months, endMonth)}
                                     </select>
                                 </div>