ui: fix side menu button margins and position

2026-09-03 12:41:45 +02:00 · 2020-04-21 14:00:34 +05:00
parent 4810c33b9a
commit 21507e1a46
1 changed files with 5 additions and 6 deletions
--- a/apps/web/src/navigation/route.js
+++ b/apps/web/src/navigation/route.js
@@ -37,16 +37,15 @@ function Header(props) {
              <Icon.ChevronLeft size={38} color="fontPrimary" />
            </Box>
          )}
-          <Box
+          <Icon.Menu
            onClick={toggleSideMenu}
-            height={38}
-            ml={-5}
            sx={{
+              ml: 0,
+              mr: 4,
              display: ["block", "none", "none"],
            }}
-          >
-            <Icon.Menu size={38} />
-          </Box>
+            size={38}
+          />
          <Heading fontSize="heading" color={titleColor || "text"}>
            {title || params.title}
          </Heading>