diff --git a/src/lib/components/admin/Settings/Banners.svelte b/src/lib/components/admin/Settings/Banners.svelte
index cbaa7da9d..e69a8ebb1 100644
--- a/src/lib/components/admin/Settings/Banners.svelte
+++ b/src/lib/components/admin/Settings/Banners.svelte
@@ -76,16 +76,17 @@
 					<div class=" flex justify-between">
 						<div class="flex flex-row flex-1 border rounded-xl dark:border-gray-800">
 							<select
-								class="w-fit capitalize rounded-xl py-2 px-4 text-xs bg-transparent outline-none text-gray-900"
+								class="w-fit capitalize rounded-xl py-2 px-4 text-xs bg-transparent outline-none"
 								bind:value={banner.type}
 							>
 								{#if banner.type == ''}
-									<option value="" selected disabled class="">{$i18n.t('Type')}</option>
+									<option value="" selected disabled class="text-gray-900">{$i18n.t('Type')}</option
+									>
 								{/if}
-								<option value="info">{$i18n.t('Info')}</option>
-								<option value="warning">{$i18n.t('Warning')}</option>
-								<option value="error">{$i18n.t('Error')}</option>
-								<option value="success">{$i18n.t('Success')}</option>
+								<option value="info" class="text-gray-900">{$i18n.t('Info')}</option>
+								<option value="warning" class="text-gray-900">{$i18n.t('Warning')}</option>
+								<option value="error" class="text-gray-900">{$i18n.t('Error')}</option>
+								<option value="success" class="text-gray-900">{$i18n.t('Success')}</option>
 							</select>
 
 							<input