diff --git a/admin/dist/css/default.css b/admin/dist/css/default.css
index df08b8ea..db0f0dca 100644
--- a/admin/dist/css/default.css
+++ b/admin/dist/css/default.css
@@ -362,21 +362,3 @@ button > svg {
     margin-right: 30px;
     font-size: 0.9em;
 }
-
-.ms-navbar-left,
-.ms-navbar-right {
-    flex: 1 0 0%;
-}
-
-.ms-navbar-right {
-    flex: 1 1 0%;
-}
-
-.ms-navbar-center {
-    flex-grow: 0;
-
-    li {
-        /* Prevent menu items from having their text wrapped if the screen is too small */
-        flex-shrink: 0;
-    }
-}
diff --git a/admin/src/app.jsx b/admin/src/app.jsx
index 2aada40d..bbadec2b 100644
--- a/admin/src/app.jsx
+++ b/admin/src/app.jsx
@@ -200,9 +200,11 @@ const App = () => {
                 <Route path="/password-reset" component={PasswordReset} />
                 <Route path="*">
                     {isLoggedIn && (
-                        <div style={{ marginBottom: "2em" }}>
-                            <Nav nav={nav} className="uk-margin-top" />
-                            <div className="uk-container uk-margin-top">
+                        <div className="uk-margin-left uk-margin-right">
+                            <div className="uk-container-expand">
+                                <Nav nav={nav} />
+                            </div>
+                            <div className="uk-container">
                                 <div className="uk-grid">
                                     <div className="uk-width-1-4@m">
                                         <SideNav nav={nav} />
diff --git a/admin/src/nav.jsx b/admin/src/nav.jsx
index 66380244..f3d477fb 100644
--- a/admin/src/nav.jsx
+++ b/admin/src/nav.jsx
@@ -24,22 +24,21 @@ export const NavItem = (props) => {
 };
 
 export const Nav = ({ nav: { brand, items } }) => (
-    <nav className="uk-navbar-container">
-        <div data-uk-navbar>
-            <div className="ms-navbar-left uk-margin-left uk-margin-right uk-navbar-left">
-                <Link to="/" className="uk-navbar-item uk-logo">
-                    {brand}
-                </Link>
-            </div>
-            <ul className="ms-navbar-center uk-navbar-nav">
-                {items.map((item, i) => (
-                    <NavItem key={i} to={item.target} icon={item.icon}>
+    <nav data-uk-navbar>
+        <div className="uk-navbar-center" style={{ gap: "0 2em" }}>
+            <Link to="/" className="uk-navbar-item uk-logo">
+                {brand}
+            </Link>
+
+            {/* Using a <ul> each with a _single_ <li> sounds insane,
+                    but that's apparently the way UI-kit is built */}
+            {items.map((item, i) => (
+                <ul className="uk-navbar-nav" key={i}>
+                    <NavItem to={item.target} icon={item.icon}>
                         {item.text}
                     </NavItem>
-                ))}
-            </ul>
-            {/* Used to compensate for the left side, to make the center truly centered */}
-            <div className="ms-navbar-right"></div>
+                </ul>
+            ))}
         </div>
     </nav>
 );