diff --git a/app/(protected)/hse/settings/page.tsx b/app/(protected)/hse/settings/page.tsx
index 5fb3c47..978eb04 100644
--- a/app/(protected)/hse/settings/page.tsx
+++ b/app/(protected)/hse/settings/page.tsx
@@ -23,7 +23,7 @@ export default async function SettingsPage() {
   return (
     <main className="max-w-2xl mx-auto px-4 py-6">
       <h1 className="text-2xl font-bold text-gray-900 mb-2">Settings</h1>
-      <p className="text-sm text-gray-500 mb-6">
+      <p className="text-sm text-gray-700 mb-6">
         API keys are stored securely in the database. Leave blank to use environment variables.
       </p>
       <ApiKeyForm settings={settingsMap} />
diff --git a/components/settings/api-key-form.tsx b/components/settings/api-key-form.tsx
index 7e0d97d..8f1e0d6 100644
--- a/components/settings/api-key-form.tsx
+++ b/components/settings/api-key-form.tsx
@@ -9,13 +9,13 @@ interface Props {
 }
 
 const KEY_LABELS: Record<string, string> = {
-  ANTHROPIC_API_KEY: 'Anthropic API Key (Claude)',
+  DEEPSEEK_API_KEY: 'DeepSeek API Key (AI)',
   VOYAGE_API_KEY: 'Voyage AI API Key (Embeddings)',
 }
 
 export function ApiKeyForm({ settings }: Props) {
   const [values, setValues] = useState<Record<string, string>>({
-    ANTHROPIC_API_KEY: '',
+    DEEPSEEK_API_KEY: '',
     VOYAGE_API_KEY: '',
   })
   const [saving, setSaving] = useState<Record<string, boolean>>({})
@@ -56,7 +56,7 @@ export function ApiKeyForm({ settings }: Props) {
               </span>
             </div>
             {status?.set && status.updated_at && (
-              <p className="text-xs text-gray-400 mb-3">
+              <p className="text-xs text-gray-600 mb-3">
                 Last updated {new Date(status.updated_at).toLocaleDateString('en-MY')}
               </p>
             )}
@@ -66,7 +66,7 @@ export function ApiKeyForm({ settings }: Props) {
                 value={values[key]}
                 onChange={e => setValues(v => ({ ...v, [key]: e.target.value }))}
                 placeholder={status?.set ? 'Enter new key to replace…' : 'Enter API key…'}
-                className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent font-mono"
+                className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:border-transparent font-mono"
               />
               <button
                 onClick={() => save(key)}