diff --git a/web/components/nav/bottom-nav-bar.tsx b/web/components/nav/bottom-nav-bar.tsx
index 82e32610..e46f77ba 100644
--- a/web/components/nav/bottom-nav-bar.tsx
+++ b/web/components/nav/bottom-nav-bar.tsx
@@ -271,7 +271,7 @@ export function MobileSidebar(props: {
             leaveTo="opacity-0"
           >
             {/* background cover */}
-            <div className="bg-canvas-100/75 fixed inset-0" />
+            <div className="bg-canvas-100/75 fixed inset-0" onClick={() => setSidebarOpen(false)} />
           </Transition.Child>
           <Transition.Child
             as={Fragment}