fix: fixed navbar link tooltips

src/components/layout/Navbar/NavbarLinks.tsx

@@ -1,5 +1,5 @@
 import { IconPlus } from "@tabler/icons-react";
-import { Stack, Tooltip } from "@mantine/core";
+import { Center, Stack, Tooltip } from "@mantine/core";
 import NavbarClickable from "./NavbarClickable";
 
 type LinkData = {
@@ -16,18 +16,22 @@ const NavbarLinks = ({ linksData }: Props) => {
     return (
         <Stack gap={"xs"}>
             {linksData.map((linkData, index) => (
-                <Tooltip
-                    key={index}
-                    display={!linkData.label ? "none" : "flex"}
-                    label={linkData.label}
-                    position="right"
-                    transitionProps={{ duration: 0 }}>
-                    <NavbarClickable
-                        href={linkData.href}
-                        key={linkData.label}>
-                        <linkData.icon />
-                    </NavbarClickable>
-                </Tooltip>
+                <NavbarClickable
+                    href={linkData.href}
+                    key={linkData.label}>
+                    <Tooltip
+                        key={index}
+                        display={!linkData.label ? "none" : "flex"}
+                        label={linkData.label}
+                        position="right"
+                        transitionProps={{ duration: 0 }}>
+                        <Center
+                            w={"100%"}
+                            h={"100%"}>
+                            <linkData.icon />
+                        </Center>
+                    </Tooltip>
+                </NavbarClickable>
             ))}
         </Stack>
     );