diff --git a/web/frontend/src/components/TranscriptionConfigDialog.tsx b/web/frontend/src/components/TranscriptionConfigDialog.tsx
index 3f072a7e..625f1571 100644
--- a/web/frontend/src/components/TranscriptionConfigDialog.tsx
+++ b/web/frontend/src/components/TranscriptionConfigDialog.tsx
@@ -2012,7 +2012,7 @@ export const TranscriptionConfigDialog = memo(function TranscriptionConfigDialog
           <Button
             onClick={handleStartTranscription}
             disabled={loading || (isProfileMode && !profileName.trim())}
-            className="rounded-[var(--radius-btn)] !text-white border-none shadow-lg shadow-orange-500/20"
+            className="rounded-[var(--radius-btn)] !text-black dark:!text-white border-none shadow-lg shadow-orange-500/20"
             style={{ background: 'var(--brand-gradient)' }}
           >
             {loading ? (
diff --git a/web/frontend/src/features/settings/components/APIKeyCreateDialog.tsx b/web/frontend/src/features/settings/components/APIKeyCreateDialog.tsx
index 7b1fe879..4e4978f9 100644
--- a/web/frontend/src/features/settings/components/APIKeyCreateDialog.tsx
+++ b/web/frontend/src/features/settings/components/APIKeyCreateDialog.tsx
@@ -163,7 +163,7 @@ export function APIKeyCreateDialog({
 						<Button
 							type="submit"
 							disabled={isCreating || !name.trim()}
-							className="!bg-[var(--brand-gradient)] hover:!opacity-90 text-white border-none"
+							className="!bg-[var(--brand-gradient)] hover:!opacity-90 !text-black dark:!text-white border-none"
 						>
 							{isCreating ? "Creating..." : "Create API Key"}
 						</Button>
diff --git a/web/frontend/src/features/settings/components/APIKeySettings.tsx b/web/frontend/src/features/settings/components/APIKeySettings.tsx
index 4fde8141..032e5832 100644
--- a/web/frontend/src/features/settings/components/APIKeySettings.tsx
+++ b/web/frontend/src/features/settings/components/APIKeySettings.tsx
@@ -52,7 +52,7 @@ export function APIKeySettings() {
 					</div>
 					<Button
 						onClick={handleCreateAPIKey}
-						className="!bg-[var(--brand-gradient)] hover:!opacity-90 text-white shadow-lg shadow-orange-500/20 border-none"
+						className="!bg-[var(--brand-gradient)] hover:!opacity-90 !text-black dark:!text-white shadow-lg shadow-orange-500/20 border-none"
 					>
 						Create New API Key
 					</Button>
diff --git a/web/frontend/src/features/settings/components/AccountSettings.tsx b/web/frontend/src/features/settings/components/AccountSettings.tsx
index 06bda1d1..bf588a04 100644
--- a/web/frontend/src/features/settings/components/AccountSettings.tsx
+++ b/web/frontend/src/features/settings/components/AccountSettings.tsx
@@ -215,7 +215,7 @@ export function AccountSettings() {
 
 						<Button
 							type="submit"
-							className="rounded-[var(--radius-btn)] !text-white border-none shadow-lg shadow-orange-500/20"
+							className="rounded-[var(--radius-btn)] !text-black dark:!text-white border-none shadow-lg shadow-orange-500/20"
 							style={{ background: 'var(--brand-gradient)' }}
 							disabled={loading || !newUsername.trim() || !usernamePassword.trim()}
 						>
@@ -346,7 +346,7 @@ export function AccountSettings() {
 
 						<Button
 							type="submit"
-							className="!bg-[var(--brand-gradient)] hover:!opacity-90 text-white shadow-lg shadow-orange-500/20 border-none"
+							className="!bg-[var(--brand-gradient)] hover:!opacity-90 !text-black dark:!text-white shadow-lg shadow-orange-500/20 border-none"
 							disabled={loading || !currentPassword.trim() || !isPasswordValid || !passwordsMatch}
 						>
 							{loading ? "Changing Password..." : "Change Password"}
diff --git a/web/frontend/src/features/settings/components/LLMSettings.tsx b/web/frontend/src/features/settings/components/LLMSettings.tsx
index 40b73be9..65065e85 100644
--- a/web/frontend/src/features/settings/components/LLMSettings.tsx
+++ b/web/frontend/src/features/settings/components/LLMSettings.tsx
@@ -302,7 +302,7 @@ export function LLMSettings() {
 						<Button
 							onClick={handleSave}
 							disabled={!isFormValid() || saving}
-							className="rounded-[var(--radius-btn)] !text-white border-none shadow-lg shadow-orange-500/20"
+							className="rounded-[var(--radius-btn)] !text-black dark:!text-white border-none shadow-lg shadow-orange-500/20"
 							style={{ background: 'var(--brand-gradient)' }}
 						>
 							{saving ? "Saving..." : "Save Configuration"}
diff --git a/web/frontend/src/features/settings/components/ProfileSettings.tsx b/web/frontend/src/features/settings/components/ProfileSettings.tsx
index 39025ed3..0744cd4a 100644
--- a/web/frontend/src/features/settings/components/ProfileSettings.tsx
+++ b/web/frontend/src/features/settings/components/ProfileSettings.tsx
@@ -287,7 +287,7 @@ export function ProfileSettings() {
 					</div>
 					<Button
 						onClick={handleCreateProfile}
-						className="!bg-[var(--brand-gradient)] hover:!opacity-90 text-white shadow-lg shadow-orange-500/20 border-none"
+						className="!bg-[var(--brand-gradient)] hover:!opacity-90 !text-black dark:!text-white shadow-lg shadow-orange-500/20 border-none"
 					>
 						Create New Profile
 					</Button>
diff --git a/web/frontend/src/features/settings/components/SummaryTemplateDialog.tsx b/web/frontend/src/features/settings/components/SummaryTemplateDialog.tsx
index 63133ff1..6b4cab10 100644
--- a/web/frontend/src/features/settings/components/SummaryTemplateDialog.tsx
+++ b/web/frontend/src/features/settings/components/SummaryTemplateDialog.tsx
@@ -117,7 +117,7 @@ export function SummaryTemplateDialog({ open, onOpenChange, onSave, initial }: S
           <Button
             onClick={handleSave}
             disabled={saving || !name.trim() || !prompt.trim() || !model.trim()}
-            className="!bg-[var(--brand-gradient)] hover:!opacity-90 text-white border-none"
+            className="!bg-[var(--brand-gradient)] hover:!opacity-90 !text-black dark:!text-white border-none"
           >
             {saving ? 'Saving...' : 'Save'}
           </Button>