diff --git a/src/lib/components/admin/Settings/Audio.svelte b/src/lib/components/admin/Settings/Audio.svelte
index 9ab9ab0990..ae827e6abb 100644
--- a/src/lib/components/admin/Settings/Audio.svelte
+++ b/src/lib/components/admin/Settings/Audio.svelte
@@ -430,7 +430,7 @@
 
 									<datalist id="tts-model-list">
 										{#each models as model}
-											<option value={model.id} />
+											<option value={model.id} class="bg-gray-50 dark:bg-gray-700" />
 										{/each}
 									</datalist>
 								</div>
@@ -471,7 +471,7 @@
 
 									<datalist id="tts-model-list">
 										{#each models as model}
-											<option value={model.id} />
+											<option value={model.id} class="bg-gray-50 dark:bg-gray-700" />
 										{/each}
 									</datalist>
 								</div>
diff --git a/src/lib/components/admin/Settings/Evaluations/ModelModal.svelte b/src/lib/components/admin/Settings/Evaluations/ModelModal.svelte
index 1531a952b2..4860bd56a2 100644
--- a/src/lib/components/admin/Settings/Evaluations/ModelModal.svelte
+++ b/src/lib/components/admin/Settings/Evaluations/ModelModal.svelte
@@ -321,7 +321,7 @@
 							>
 								<option value="">{$i18n.t('Select a model')}</option>
 								{#each $models.filter((m) => m?.owned_by !== 'arena') as model}
-									<option value={model.id}>{model.name}</option>
+									<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
 								{/each}
 							</select>
 
diff --git a/src/lib/components/playground/Chat.svelte b/src/lib/components/playground/Chat.svelte
index 841f4eb584..d03275ee97 100644
--- a/src/lib/components/playground/Chat.svelte
+++ b/src/lib/components/playground/Chat.svelte
@@ -216,7 +216,7 @@
 								bind:value={selectedModelId}
 							>
 								{#each $models as model}
-									<option value={model.id}>{model.name}</option>
+									<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
 								{/each}
 							</select>
 						</div>