fix: Fix icons in `top map sightbar

src/widgets/Layout/index.tsx

@@ -48,21 +48,24 @@ export const Layout: React.FC<LayoutProps> = observer(({ children }) => {
     <Box sx={{ display: "flex" }}>
       <AppBar position="fixed" open={open}>
         <Toolbar className="flex justify-between">
-          <IconButton
-            color="inherit"
-            aria-label="open drawer"
-            onClick={handleDrawerOpen}
-            edge="start"
-            sx={[
-              {
-                marginRight: 5,
-              },
-              open && { display: "none" },
-            ]}
-          >
-            <Menu />
-          </IconButton>
-          <CitySelector />
+          <div className="flex items-center">
+            <IconButton
+              color="inherit"
+              aria-label="open drawer"
+              onClick={handleDrawerOpen}
+              edge="start"
+              sx={[
+                {
+                  marginRight: 5,
+                },
+                open && { display: "none" },
+              ]}
+            >
+              <Menu />
+            </IconButton>
+            <CitySelector />
+          </div>
+
           <div className="flex gap-2 items-center">
             <div className="flex flex-col gap-1">
               {(() => {