diff --git a/src/components/ui/FieldRenderer.tsx b/src/components/ui/FieldRenderer.tsx
index 8e33a49..1b28c3a 100644
--- a/src/components/ui/FieldRenderer.tsx
+++ b/src/components/ui/FieldRenderer.tsx
@@ -67,7 +67,7 @@ export function FieldRenderer({ field, register, error }: FieldRendererProps) {
         <select
           id={field.key}
           className={[
-            'w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus-visible:ring-2',
+            'w-full rounded-md border px-3 py-2 text-sm bg-surface-container text-on-surface focus:outline-none focus-visible:ring-2',
             error ? 'border-error focus:ring-error/50' : 'border-outline focus:ring-primary/50',
           ].join(' ')}
           {...register(field.key)}