nav bar: dark background, no shadow

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',

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',