1 files changed, 18 insertions, 5 deletions

diff --git a/packages/renderer/src/components/banner/NewWindowBanner.tsx b/packages/renderer/src/components/banner/NewWindowBanner.tsx
index 685badf..ad9d07d 100644
--- a/packages/renderer/src/components/banner/NewWindowBanner.tsx
+++ b/packages/renderer/src/components/banner/NewWindowBanner.tsx
@@ -18,9 +18,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import IconOpenInBrowser from '@mui/icons-material/OpenInBrowser';
-import IconOpenInNew from '@mui/icons-material/OpenInNew';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import DoNotDisturbOnOutlinedIcon from '@mui/icons-material/DoNotDisturbOnOutlined';
+import OpenInBrowserIcon from '@mui/icons-material/OpenInBrowser';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import Button from '@mui/material/Button';
+import { useTheme } from '@mui/material/styles';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -37,6 +41,7 @@ function NewWindowBanner({
   const { t } = useTranslation(undefined, {
     keyPrefix: 'banner.newWindow',
   });
+  const { direction } = useTheme();
 
   const {
     popups,
@@ -54,7 +59,7 @@ function NewWindowBanner({
   return (
     <NotificationBanner
       severity="warning"
-      icon={<IconOpenInNew fontSize="inherit" />}
+      icon={<OpenInNewIcon fontSize="inherit" />}
       onClose={() => service.dismissAllPopups()}
       buttons={
         <>
@@ -62,6 +67,13 @@ function NewWindowBanner({
             onClick={() => service.followPopup(url)}
             color="inherit"
             size="small"
+            startIcon={
+              direction === 'ltr' ? (
+                <ArrowForwardIcon fontSize="inherit" />
+              ) : (
+                <ArrowBackIcon fontSize="inherit" />
+              )
+            }
           >
             {t('followLink')}
           </Button>
@@ -69,7 +81,7 @@ function NewWindowBanner({
             onClick={() => service.openPopupInExternalBrowser(url)}
             color="inherit"
             size="small"
-            startIcon={<IconOpenInBrowser />}
+            startIcon={<OpenInBrowserIcon />}
           >
             {t('openInExternalBrowser')}
           </Button>
@@ -79,7 +91,7 @@ function NewWindowBanner({
                 onClick={() => service.openAllPopupsInExternalBrowser()}
                 color="inherit"
                 size="small"
-                startIcon={<IconOpenInBrowser />}
+                startIcon={<OpenInBrowserIcon />}
               >
                 {t('openAllInExternalBrowser')}
               </Button>
@@ -87,6 +99,7 @@ function NewWindowBanner({
                 onClick={() => service.dismissPopup(url)}
                 color="inherit"
                 size="small"
+                startIcon={<DoNotDisturbOnOutlinedIcon fontSize="inherit" />}
               >
                 {t('dismiss')}
               </Button>