From 1659c8f185c7fc077331fe3c6df7b5f7edf86e22 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 29 Nov 2023 12:38:39 +1100
Subject: [PATCH] Fix navbar styling on smaller viewports (#4324)

---
 ui/v2.5/src/components/MainNavbar.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/v2.5/src/components/MainNavbar.tsx b/ui/v2.5/src/components/MainNavbar.tsx
index f50c5c388..b6f7a123b 100644
--- 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>