Merge branch 'fix-many-typos'

4 files changed, 4 insertions, 4 deletions

diff --git a/gui/src/renderer/components/MacOsScrollbarDetection.tsx b/gui/src/renderer/components/MacOsScrollbarDetection.tsx
index 79910c3cdd..de636827bd 100644
--- a/gui/src/renderer/components/MacOsScrollbarDetection.tsx
+++ b/gui/src/renderer/components/MacOsScrollbarDetection.tsx
@@ -15,7 +15,7 @@ const StyledContainer = styled.div({
   height: '0px',
 });
 
-// This component is used to determine wheter scrollbars should be always visible or only visible
+// This component is used to determine whether scrollbars should be always visible or only visible
 // while scrolling when the system setting for this is set to "Automatic". This is detected by
 // testing if any space is taken by a scrollbar.
 export default function MacOsScrollbarDetection() {
diff --git a/gui/src/renderer/components/SplitTunnelingSettings.tsx b/gui/src/renderer/components/SplitTunnelingSettings.tsx
index bf3b7f58b8..c8242cdd88 100644
--- a/gui/src/renderer/components/SplitTunnelingSettings.tsx
+++ b/gui/src/renderer/components/SplitTunnelingSettings.tsx
@@ -184,7 +184,7 @@ function LinuxSplitTunnelingSettings(props: IPlatformSplitTunnelingSettingsProps
         type={ModalAlertType.warning}
         iconColor={colors.red}
         message={sprintf(
-          // TRANSLATORS: Error message showed in a dialog when an application failes to launch.
+          // TRANSLATORS: Error message showed in a dialog when an application fails to launch.
           messages.pgettext(
             'split-tunneling-view',
             'Unable to launch selection. %(detailedErrorMessage)s',
diff --git a/gui/src/renderer/components/TransitionContainer.tsx b/gui/src/renderer/components/TransitionContainer.tsx
index ce9900927f..53f149ba6a 100644
--- a/gui/src/renderer/components/TransitionContainer.tsx
+++ b/gui/src/renderer/components/TransitionContainer.tsx
@@ -180,7 +180,7 @@ export default class TransitionContainer extends React.Component<IProps, IState>
         this.state.currentItem.view.props.routePath === candidate.props.routePath
       ) {
         // There's no transition in progress and the newest candidate has the same path as the
-        // current. In this sitation the app should just remain in the same view.
+        // current. In this situation the app should just remain in the same view.
         this.setState(
           {
             currentItem: TransitionContainer.makeItem(this.props),
diff --git a/gui/src/renderer/components/select-location/select-location-hooks.ts b/gui/src/renderer/components/select-location/select-location-hooks.ts
index 0cefdecb4f..188a1c9aef 100644
--- a/gui/src/renderer/components/select-location/select-location-hooks.ts
+++ b/gui/src/renderer/components/select-location/select-location-hooks.ts
@@ -24,7 +24,7 @@ export function useOnSelectExitLocation() {
   return useCallback(
     async (relayLocation: LocationSelection<undefined>) => {
       if (relayLocation.value === undefined) {
-        throw new Error('relayLocation should never be undefiend');
+        throw new Error('relayLocation should never be undefined');
       }
 
       history.pop();