diff --git a/web/components/nav-bar.tsx b/web/components/nav-bar.tsx
index 0798b29a..01093e46 100644
--- a/web/components/nav-bar.tsx
+++ b/web/components/nav-bar.tsx
@@ -22,14 +22,7 @@ export function NavBar(props: {
   const themeClasses = clsx(darkBackground && 'text-white', hoverClasses)
 
   return (
-    <nav
-      className={clsx(
-        'w-full p-4 mb-4 shadow-sm',
-        !darkBackground && 'bg-white',
-        className
-      )}
-      aria-label="Global"
-    >
+    <nav className={clsx('w-full p-4 mb-4', className)} aria-label="Global">
       <Row
         className={clsx(
           'justify-between items-center mx-auto sm:px-4',
diff --git a/web/components/page.tsx b/web/components/page.tsx
index 1bc62289..66e9a272 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -7,6 +7,7 @@ export function Page(props: { wide?: boolean; children?: any }) {
   return (
     <div>
       <NavBar wide={wide} />
+
       <div
         className={clsx(
           'w-full px-4 pb-8 mx-auto',