diff --git a/src/routes/Intro/ConsentToggle/ConsentToggle.js b/src/routes/Intro/ConsentToggle/ConsentToggle.js
index 9940a817f..76d1f38c9 100644
--- a/src/routes/Intro/ConsentToggle/ConsentToggle.js
+++ b/src/routes/Intro/ConsentToggle/ConsentToggle.js
@@ -24,7 +24,7 @@ const ConsentToggle = React.forwardRef(({ className, label, link, href, onToggle
         event.nativeEvent.togglePrevented = true;
     }, []);
     return (
-        <Toggle {...props} ref={ref} className={classnames(className, styles['consent-toogle-container'])} onClick={toggleOnClick}>
+        <Toggle {...props} ref={ref} className={classnames(className, styles['consent-toggle-container'])} onClick={toggleOnClick}>
             <div className={styles['label']}>
                 {label}
                 {' '}
diff --git a/src/routes/Intro/ConsentToggle/styles.less b/src/routes/Intro/ConsentToggle/styles.less
index 494c9cc35..6bd2ca2e8 100644
--- a/src/routes/Intro/ConsentToggle/styles.less
+++ b/src/routes/Intro/ConsentToggle/styles.less
@@ -6,7 +6,7 @@
     checkbox-icon: icon;
 }
 
-.consent-toogle-container {
+.consent-toggle-container {
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/src/routes/Intro/Intro.js b/src/routes/Intro/Intro.js
index 35397c0ab..8ac2785c6 100644
--- a/src/routes/Intro/Intro.js
+++ b/src/routes/Intro/Intro.js
@@ -54,7 +54,7 @@ const Intro = ({ queryParams }) => {
                         error: '',
                         [action.name]: action.value
                     };
-                case 'toogle-checkbox':
+                case 'toggle-checkbox':
                     return {
                         ...state,
                         error: '',
@@ -210,13 +210,13 @@ const Intro = ({ queryParams }) => {
         termsRef.current.focus();
     }, []);
     const toggleTermsAccepted = React.useCallback(() => {
-        dispatch({ type: 'toogle-checkbox', name: 'termsAccepted' });
+        dispatch({ type: 'toggle-checkbox', name: 'termsAccepted' });
     }, []);
     const togglePrivacyPolicyAccepted = React.useCallback(() => {
-        dispatch({ type: 'toogle-checkbox', name: 'privacyPolicyAccepted' });
+        dispatch({ type: 'toggle-checkbox', name: 'privacyPolicyAccepted' });
     }, []);
     const toggleMarketingAccepted = React.useCallback(() => {
-        dispatch({ type: 'toogle-checkbox', name: 'marketingAccepted' });
+        dispatch({ type: 'toggle-checkbox', name: 'marketingAccepted' });
     }, []);
     const switchFormOnClick = React.useCallback(() => {
         const queryParams = new URLSearchParams([['form', state.form === SIGNUP_FORM ? LOGIN_FORM : SIGNUP_FORM]]);
diff --git a/src/routes/Player/ControlBar/ControlBar.js b/src/routes/Player/ControlBar/ControlBar.js
index b0631a3f3..a68a542bf 100644
--- a/src/routes/Player/ControlBar/ControlBar.js
+++ b/src/routes/Player/ControlBar/ControlBar.js
@@ -44,7 +44,7 @@ const ControlBar = ({
 }) => {
     const { chromecast } = useServices();
     const [chromecastServiceActive, setChromecastServiceActive] = React.useState(() => chromecast.active);
-    const [buttonsMenuOpen, , , toogleButtonsMenu] = useBinaryState(false);
+    const [buttonsMenuOpen, , , toggleButtonsMenu] = useBinaryState(false);
     const onSubtitlesButtonMouseDown = React.useCallback((event) => {
         event.nativeEvent.subtitlesMenuClosePrevented = true;
     }, []);
@@ -141,7 +141,7 @@ const ControlBar = ({
                     onVolumeChangeRequested={onVolumeChangeRequested}
                 />
                 <div className={styles['spacing']} />
-                <Button className={styles['control-bar-buttons-menu-button']} onClick={toogleButtonsMenu}>
+                <Button className={styles['control-bar-buttons-menu-button']} onClick={toggleButtonsMenu}>
                     <Icon className={styles['icon']} name={'more-vertical'} />
                 </Button>
                 <div className={classnames(styles['control-bar-buttons-menu-container'], { 'open': buttonsMenuOpen })}>
diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index d82512a87..f393f986d 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -338,7 +338,7 @@ const Settings = () => {
                                         <div className={styles['label']}>{ t('SETTINGS_FULLSCREEN_EXIT') }</div>
                                     </div>
                                     <Toggle
-                                        className={classnames(styles['option-input-container'], styles['toogle-container'])}
+                                        className={classnames(styles['option-input-container'], styles['toggle-container'])}
                                         {...escExitFullscreenToggle}
                                     />
                                 </div>
@@ -401,7 +401,7 @@ const Settings = () => {
                                 <div className={styles['label']}>{ t('SETTINGS_SURROUND_SOUND') }</div>
                             </div>
                             <Toggle
-                                className={classnames(styles['option-input-container'], styles['toogle-container'])}
+                                className={classnames(styles['option-input-container'], styles['toggle-container'])}
                                 tabIndex={-1}
                                 {...surroundSoundToggle}
                             />
@@ -435,7 +435,7 @@ const Settings = () => {
                                 <div className={styles['label']}>{ t('SETTINGS_PLAY_IN_BACKGROUND') }</div>
                             </div>
                             <Toggle
-                                className={classnames(styles['option-input-container'], styles['toogle-container'])}
+                                className={classnames(styles['option-input-container'], styles['toggle-container'])}
                                 disabled={true}
                                 tabIndex={-1}
                                 {...playInBackgroundToggle}
@@ -452,7 +452,7 @@ const Settings = () => {
                                 <div className={styles['label']}>{ t('AUTO_PLAY') }</div>
                             </div>
                             <Toggle
-                                className={classnames(styles['option-input-container'], styles['toogle-container'])}
+                                className={classnames(styles['option-input-container'], styles['toggle-container'])}
                                 {...bingeWatchingToggle}
                             />
                         </div>
@@ -486,7 +486,7 @@ const Settings = () => {
                                 <div className={styles['label']}>{ t('SETTINGS_HWDEC') }</div>
                             </div>
                             <Toggle
-                                className={classnames(styles['option-input-container'], styles['toogle-container'])}
+                                className={classnames(styles['option-input-container'], styles['toggle-container'])}
                                 disabled={true}
                                 tabIndex={-1}
                                 {...hardwareDecodingToggle}