diff --git a/frontend/src/components/Layout/Navbar.tsx b/frontend/src/components/Layout/Navbar.tsx
index 7a3b95e5..085afe28 100644
--- a/frontend/src/components/Layout/Navbar.tsx
+++ b/frontend/src/components/Layout/Navbar.tsx
@@ -64,23 +64,25 @@ const Navbar = ({ $layoutWidth }: NavBarProps) => {
   const { routingHandlers } = useNavigator();
   const { navbarHighlights } = useContext(NavbarHighlightsContext);
   return (
-    <Wrapper
-      $isAddPage={navbarHighlights.addMapOrPin}
-      $layoutWidth={$layoutWidth}
-    >
-      {NAV_ITEMS.map((item) => {
-        return (
-          <NavbarItem
-            key={item.key}
-            label={item.label}
-            icon={item.icon}
-            focusIcon={item.focusIcon}
-            isHighlighted={navbarHighlights[item.key]}
-            onClick={() => routingHandlers[item.key]()}
-            $layoutWidth={$layoutWidth}
-          />
-        );
-      })}
+    <>
+      <Wrapper
+        $isAddPage={navbarHighlights.addMapOrPin}
+        $layoutWidth={$layoutWidth}
+      >
+        {NAV_ITEMS.map((item) => {
+          return (
+            <NavbarItem
+              key={item.key}
+              label={item.label}
+              icon={item.icon}
+              focusIcon={item.focusIcon}
+              isHighlighted={navbarHighlights[item.key]}
+              onClick={() => routingHandlers[item.key]()}
+              $layoutWidth={$layoutWidth}
+            />
+          );
+        })}
+      </Wrapper>
 
       <Modal
         modalKey="addMapOrPin"