1 files changed, 22 insertions, 16 deletions

diff --git a/subprojects/frontend/src/graph/ZoomButtons.tsx b/subprojects/frontend/src/graph/ZoomButtons.tsx
index 83938cf4..b292a617 100644
--- a/subprojects/frontend/src/graph/ZoomButtons.tsx
+++ b/subprojects/frontend/src/graph/ZoomButtons.tsx
@@ -10,6 +10,7 @@ import RemoveIcon from '@mui/icons-material/Remove';
 import IconButton from '@mui/material/IconButton';
 import Stack from '@mui/material/Stack';
 import ToggleButton from '@mui/material/ToggleButton';
+import Tooltip from '@mui/material/Tooltip';
 
 import type { ChangeZoomCallback, SetFitZoomCallback } from './ZoomCanvas';
 
@@ -28,22 +29,27 @@ export default function ZoomButtons({
       p={1}
       sx={{ position: 'absolute', bottom: 0, right: 0 }}
     >
-      <IconButton aria-label="Zoom in" onClick={() => changeZoom(2)}>
-        <AddIcon fontSize="small" />
-      </IconButton>
-      <IconButton aria-label="Zoom out" onClick={() => changeZoom(0.5)}>
-        <RemoveIcon fontSize="small" />
-      </IconButton>
-      <ToggleButton
-        value="show-replace"
-        selected={fitZoom}
-        onClick={() => setFitZoom(!fitZoom)}
-        aria-label="Fit screen"
-        size="small"
-        className="iconOnly"
-      >
-        <CropFreeIcon fontSize="small" />
-      </ToggleButton>
+      <Tooltip title="Zoom in" placement="left">
+        <IconButton onClick={() => changeZoom(2)}>
+          <AddIcon fontSize="small" />
+        </IconButton>
+      </Tooltip>
+      <Tooltip title="Zoom out" placement="left">
+        <IconButton onClick={() => changeZoom(0.5)}>
+          <RemoveIcon fontSize="small" />
+        </IconButton>
+      </Tooltip>
+      <Tooltip title="Fit screen" placement="left">
+        <ToggleButton
+          value="show-replace"
+          selected={fitZoom}
+          onClick={() => setFitZoom(!fitZoom)}
+          size="small"
+          className="iconOnly"
+        >
+          <CropFreeIcon fontSize="small" />
+        </ToggleButton>
+      </Tooltip>
     </Stack>
   );
 }