1 files changed, 4 insertions, 0 deletions

diff --git a/packages/renderer/src/components/NotificationBanner.tsx b/packages/renderer/src/components/NotificationBanner.tsx
index d591e14..36c192a 100644
--- a/packages/renderer/src/components/NotificationBanner.tsx
+++ b/packages/renderer/src/components/NotificationBanner.tsx
@@ -23,6 +23,7 @@ import Alert, { AlertColor } from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import React, { ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
 
 const NotificationBannerRoot = styled(Alert)(({ theme }) => ({
   paddingTop: 7,
@@ -77,11 +78,14 @@ export default function NotificationBanner({
   buttons?: ReactNode;
   children?: ReactNode;
 }): JSX.Element {
+  const { t } = useTranslation();
+
   return (
     <NotificationBannerRoot
       severity={severity ?? 'success'}
       icon={icon ?? false}
       onClose={onClose}
+      closeText={t<string>('banner.close')}
     >
       <NotificationBannerText>{children}</NotificationBannerText>
       {buttons && (