crap

src/components/Navbar/Navbar.module.css

@@ -1,19 +1,21 @@
 .navbar {
-    width: rem(80px);
     height: 100%;
     padding: var(--mantine-spacing-md);
     display: flex;
     flex-direction: column;
     border-right: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    align-items: center;
 }
 
 .navbarMain {
     flex: 1;
     margin-top: rem(50px);
+    width: 100%;
 }
 
 .link {
-    width: rem(50px);
+    //width: rem(50px);
+    width: 100%;
     height: rem(50px);
     border-radius: var(--mantine-radius-md);
     display: flex;

src/components/Navbar/Navbar.tsx

@@ -94,7 +94,7 @@ export function Navbar() {
                 </Stack>
             </div>
 
-            <Stack justify="center" gap={0}>
+            <Stack w={"100%"} justify="center" gap={0}>
                 <NavbarLink label={"Сменить тему"} onClick={toggleColorScheme}
                             icon={colorScheme == "dark" ? IconSun : IconMoon} href={"#"} index={-1}/>
                 <NavbarLink index={-1} href={"#"} onClick={onLogoutClick} icon={IconLogout} label="Выйти"/>