diff --git a/src/renderer/components/TopBar.tsx b/src/renderer/components/TopBar.tsx
index 4babd69..5715004 100644
--- a/src/renderer/components/TopBar.tsx
+++ b/src/renderer/components/TopBar.tsx
@@ -1,8 +1,8 @@
 import { Box, Button, Typography } from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
-import MinimizeIcon from '@mui/icons-material/Minimize';
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 import { useLocation, useNavigate } from 'react-router-dom';
-import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
+import MinimizeRoundedIcon from '@mui/icons-material/MinimizeRounded';
 
 declare global {
   interface Window {
@@ -90,7 +90,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
               minHeight: 'unset',
             }}
           >
-            <ArrowBackIcon />
+            <ArrowBackRoundedIcon />
           </Button>
         )}
       </Box>
@@ -163,7 +163,10 @@ export default function TopBar({ onRegister }: TopBarProps) {
             aria-hidden="true"
             viewBox="0 0 24 24"
           >
-            <path d="M6 12h12v1H6z" fill="white"></path>
+            <path
+              d="M 7 19 h 10 c 0.55 0 1 0.45 1 1 s -0.45 1 -1 1 H 7 c -0.55 0 -1 -0.45 -1 -1 s 0.45 -1 1 -1"
+              fill="white"
+            ></path>
           </svg>
         </Button>
         <Button
@@ -178,7 +181,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
             borderRadius: '50%',
           }}
         >
-          <CloseIcon sx={{ color: 'white' }} />
+          <CloseRoundedIcon sx={{ color: 'white' }} />
         </Button>
       </Box>
     </Box>