diff --git a/studio/frontend/src/features/export/components/quant-picker.tsx b/studio/frontend/src/features/export/components/quant-picker.tsx
index 9b6c070453..8136a46bb5 100644
--- a/studio/frontend/src/features/export/components/quant-picker.tsx
+++ b/studio/frontend/src/features/export/components/quant-picker.tsx
@@ -71,14 +71,14 @@ export function QuantPicker({ value, onChange }: QuantPickerProps) {
               className={cn(
                 "inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium ring-1 transition-all",
                 active
-                  ? "ring-primary bg-primary/10 text-primary"
+                  ? "ring-primary bg-primary/10 text-foreground"
                   : "ring-border text-muted-foreground hover:text-foreground hover:ring-foreground/20",
               )}
             >
               {active && (
                 <HugeiconsIcon
                   icon={CheckmarkCircle01Icon}
-                  className="size-3"
+                  className="size-3 text-primary"
                 />
               )}
               {q.label}