1 files changed, 9 insertions, 5 deletions

diff --git a/packages/renderer/src/components/locationBar/NavigationButtons.tsx b/packages/renderer/src/components/locationBar/NavigationButtons.tsx
index 9995a21..219ed90 100644
--- a/packages/renderer/src/components/locationBar/NavigationButtons.tsx
+++ b/packages/renderer/src/components/locationBar/NavigationButtons.tsx
@@ -28,6 +28,7 @@ import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import type Service from '../../stores/Service';
 
@@ -36,6 +37,9 @@ function NavigationButtons({
 }: {
   service: Service | undefined;
 }): JSX.Element {
+  const { t } = useTranslation(undefined, {
+    keyPrefix: 'toolbar',
+  });
   const { direction } = useTheme();
 
   return (
@@ -46,26 +50,26 @@ function NavigationButtons({
       }}
     >
       <IconButton
-        aria-label="Back"
+        aria-label={t('back')}
         disabled={service === undefined || !service.canGoBack}
         onClick={() => service?.goBack()}
       >
         {direction === 'ltr' ? <IconArrowBack /> : <IconArrowForward />}
       </IconButton>
       <IconButton
-        aria-label="Forward"
+        aria-label={t('forward')}
         disabled={service === undefined || !service.canGoForward}
         onClick={() => service?.goForward()}
       >
         {direction === 'ltr' ? <IconArrowForward /> : <IconArrowBack />}
       </IconButton>
       {service?.loading ?? false ? (
-        <IconButton aria-label="Stop" onClick={() => service?.stop()}>
+        <IconButton aria-label={t('stop')} onClick={() => service?.stop()}>
           <IconStop />
         </IconButton>
       ) : (
         <IconButton
-          aria-label="Refresh"
+          aria-label={t('reload')}
           disabled={service === undefined}
           onClick={(event) => service?.reload(event.shiftKey)}
         >
@@ -73,7 +77,7 @@ function NavigationButtons({
         </IconButton>
       )}
       <IconButton
-        aria-label="Home"
+        aria-label={t('home')}
         disabled={service === undefined}
         onClick={() => service?.goHome()}
       >