fix: Fix selected option text being white on light mode

YouTube-Enhancer · Nov 16, 2023 · 2781492 · 2781492
1 parent 95ad5e9
commit 2781492
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/Inputs/Select/Select.tsx b/src/components/Inputs/Select/Select.tsx
@@ -67,16 +67,20 @@ const Select: React.FC<SelectProps> = ({ className, disabled, id, label, onChang
 					{selectedOption ? (
 						options.find((option) => option.value === selectedOption)?.element ? (
 							<div className="flex w-full items-center justify-between pr-4">
-								<span className={cn("text-white", disabledButtonClasses)}>{options.find((option) => option.value === selectedOption)?.label}</span>
+								<span className={cn("text-black dark:text-white", disabledButtonClasses)}>
+									{options.find((option) => option.value === selectedOption)?.label}
+								</span>
 								{options.find((option) => option.value === selectedOption)?.element}
 							</div>
 						) : (
 							<div className="flex w-full items-center justify-between pr-2">
-								<span className={cn("text-white", disabledButtonClasses)}>{options.find((option) => option.value === selectedOption)?.label}</span>
+								<span className={cn("text-black dark:text-white", disabledButtonClasses)}>
+									{options.find((option) => option.value === selectedOption)?.label}
+								</span>
 							</div>
 						)
 					) : (
-						<span className={cn("text-white", disabledButtonClasses)}>Select an option</span>
+						<span className={cn("text-black dark:text-white", disabledButtonClasses)}>Select an option</span>
 					)}
 					<Arrow rotation={isSelectVisible ? "up" : "down"} />
 				</button>