diff --git a/src/components/ContentPanel.tsx b/src/components/ContentPanel.tsx
index 5fd0517f..26e33c7b 100644
--- a/src/components/ContentPanel.tsx
+++ b/src/components/ContentPanel.tsx
@@ -781,7 +781,7 @@ const ContentPanel: React.FC<ContentPanelProps> = ({
       />
       {isTextContent && articleText && (
         <div style={{ padding: '0 0.75rem 0.5rem 0.75rem' }}>
-          <TTSControls text={articleText} defaultLang={navigator?.language} />
+          <TTSControls text={articleText} defaultLang={navigator?.language} settings={settings} />
         </div>
       )}
       {isExternalVideo ? (
diff --git a/src/components/TTSControls.tsx b/src/components/TTSControls.tsx
index 814ff6a2..d23e5f65 100644
--- a/src/components/TTSControls.tsx
+++ b/src/components/TTSControls.tsx
@@ -2,21 +2,23 @@ import React from 'react'
 import { useTextToSpeech } from '../hooks/useTextToSpeech'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faPlay, faPause, faGauge } from '@fortawesome/free-solid-svg-icons'
+import { UserSettings } from '../services/settingsService'
 
 interface Props {
   text: string
   defaultLang?: string
   className?: string
+  settings?: UserSettings
 }
 
 const SPEED_OPTIONS = [0.8, 1, 1.2, 1.4, 1.6, 1.8, 2, 2.1, 2.4, 2.8, 3]
 
-const TTSControls: React.FC<Props> = ({ text, defaultLang, className }) => {
+const TTSControls: React.FC<Props> = ({ text, defaultLang, className, settings }) => {
   const {
     supported, speaking, paused,
     speak, pause, resume, stop,
     rate, setRate
-  } = useTextToSpeech({ defaultLang })
+  } = useTextToSpeech({ defaultLang, defaultRate: settings?.ttsDefaultSpeed })
 
   const canPlay = supported && text?.trim().length > 0