diff --git a/packages/insomnia/src/ui/components/base/select.tsx b/packages/insomnia/src/ui/components/base/select.tsx
index 29764d5964..02d1d7f4df 100644
--- a/packages/insomnia/src/ui/components/base/select.tsx
+++ b/packages/insomnia/src/ui/components/base/select.tsx
@@ -28,7 +28,7 @@ export const Select = ({ value, onChange, className, options, ...rest }: SelectP
       {...rest}
       className={cn('', className)}
     >
-      <Button className="flex w-full gap-2 rounded border border-solid border-[--hl-sm] px-2 py-1">
+      <Button className="flex w-full gap-2 rounded border border-solid border-[--hl-sm] px-2 py-1 text-[--color-font]">
         <SelectValue className="flex-1" />
         <span aria-hidden="true">
           <Icon icon="chevron-down" />
@@ -39,7 +39,7 @@ export const Select = ({ value, onChange, className, options, ...rest }: SelectP
           {options?.map(option => (
             <ListBoxItem
               className={({ isHovered, isPressed, isFocused }) =>
-                cn('flex min-h-[32px] cursor-pointer items-center px-2', {
+                cn('flex min-h-[32px] cursor-pointer items-center px-2 text-[--color-font]', {
                   'bg-[--hl-xs]': isHovered || isPressed || isFocused,
                 })
               }