diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d0f8a9c2..a1eac54d 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -272,12 +272,14 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         <div className="flex items-center gap-2 font-black text-xl uppercase min-w-0">
           <React.Suspense
             fallback={
-              <LogoSection
-                menuButtonRef={menuButtonRef}
-                setShowMenu={setShowMenu}
-                showMenu={showMenu}
-                title={Title}
-              />
+              <div className={twMerge(`flex items-center group flex-shrink-0`)}>
+                <LogoSection
+                  menuButtonRef={menuButtonRef}
+                  setShowMenu={setShowMenu}
+                  showMenu={showMenu}
+                  title={Title}
+                />
+              </div>
             }
           >
             <LazyBrandContextMenu