From 8d2089e5b8f466833e4d9fb91377c80169b00900 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 23 Oct 2024 02:17:10 -0700
Subject: [PATCH] refac: styling

---
 src/lib/components/admin/Settings/Audio.svelte                | 4 ++--
 .../components/admin/Settings/Evaluations/ModelModal.svelte   | 2 +-
 src/lib/components/playground/Chat.svelte                     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/admin/Settings/Audio.svelte b/src/lib/components/admin/Settings/Audio.svelte
index 9ab9ab099..ae827e6ab 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 1531a952b..4860bd56a 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 841f4eb58..d03275ee9 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>