Fix navbar styling on smaller viewports (#4324)

stashapp · Nov 29, 2023 · 1659c8f · 1659c8f
1 parent 599deb7
commit 1659c8f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/ui/v2.5/src/components/MainNavbar.tsx b/ui/v2.5/src/components/MainNavbar.tsx
@@ -169,7 +169,7 @@ const MainNavbarMenuItems = PatchComponent(
 const MainNavbarUtilityItems = PatchComponent(
   "MainNavBar.UtilityItems",
   (props: React.PropsWithChildren<{}>) => {
-    return <Nav>{props.children}</Nav>;
+    return <>{props.children}</>;
   }
 );
 
@@ -370,9 +370,11 @@ export const MainNavbar: React.FC = () => {
                   </Nav.Link>
                 ))}
               </MainNavbarMenuItems>
-              <MainNavbarUtilityItems>
-                {renderUtilityButtons()}
-              </MainNavbarUtilityItems>
+              <Nav>
+                <MainNavbarUtilityItems>
+                  {renderUtilityButtons()}
+                </MainNavbarUtilityItems>
+              </Nav>
             </>
           </Fade>
         </Navbar.Collapse>