diff --git a/src/theme/Navbar.tsx b/src/theme/Navbar.tsx
index 7956817f1..7ce4d1e43 100644
--- a/src/theme/Navbar.tsx
+++ b/src/theme/Navbar.tsx
@@ -6,8 +6,8 @@ import ThemeSwitch from '../components/ThemeSwitch'
 
 const Navbar: FC = () => {
   return (
-    <nav className="Navbar navbar fixed left-0 right-0 z-nav flex w-screen justify-center bg-light-surface-1 dark:border-dark-surface-3 dark:bg-dark-surface-1">
-      <div className="w-full h-nav-h flex flex-row justify-between items-center px-4 py-[1.15625rem] sm:px-[0.9375rem] sm:py-3">
+    <nav className="Navbar navbar fixed left-0 right-0 z-nav flex w-screen justify-center">
+      <div className="w-full h-nav-h flex flex-row justify-between items-center px-4 py-[1.15625rem] sm:px-[0.9375rem] sm:py-3 bg-light-surface-1 dark:border-dark-surface-3 dark:bg-dark-surface-1">
         <a className="flex flex-row items-center" href="/" target="_self" aria-label="Uniswap Documentation Home">
           <MiniUnicon className="w-8 h-8 mr-3" />
           <p className="Navbar__logo-text body-1 text-light-accent-1 dark:text-dark-accent-1 mb-0">Uniswap Docs</p>