1 files changed, 8 insertions, 3 deletions

diff --git a/packages/renderer/src/components/locationBar/SecurityLabel.tsx b/packages/renderer/src/components/locationBar/SecurityLabel.tsx
index 6e27e6b..d9dff86 100644
--- a/packages/renderer/src/components/locationBar/SecurityLabel.tsx
+++ b/packages/renderer/src/components/locationBar/SecurityLabel.tsx
@@ -24,6 +24,7 @@ import IconGlobe from '@mui/icons-material/Public';
 import IconWarning from '@mui/icons-material/Warning';
 import { styled } from '@mui/material/styles';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import LocationInputAdornment from './LocationInputAdornment';
 import getAlertColor from './getAlertColor';
@@ -60,6 +61,10 @@ export default function SecurityLabel({
   changed: boolean;
   position: 'start' | 'end';
 }): JSX.Element {
+  const { t } = useTranslation(undefined, {
+    keyPrefix: 'securityLabel',
+  });
+
   const { type } = splitResult;
   if (changed || type === 'empty') {
     return (
@@ -75,14 +80,14 @@ export default function SecurityLabel({
         <SecurityLabelRoot
           alert={false}
           position={position}
-          aria-label="Secure connection"
+          aria-label={t('secureConnection')}
         >
           <IconHttps fontSize="small" />
         </SecurityLabelRoot>
       ) : (
         <SecurityLabelRoot alert position={position}>
           <IconHttp fontSize="small" />
-          <SecurityLabelText>Not secure</SecurityLabelText>
+          <SecurityLabelText>{t('notSecureConnection')}</SecurityLabelText>
         </SecurityLabelRoot>
       );
     }
@@ -90,7 +95,7 @@ export default function SecurityLabel({
       return (
         <SecurityLabelRoot alert position={position}>
           <IconWarning fontSize="small" />
-          <SecurityLabelText>Unknown site</SecurityLabelText>
+          <SecurityLabelText>{t('unknownSite')}</SecurityLabelText>
         </SecurityLabelRoot>
       );
     default: