diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index d878eb47b..460712c4c 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -26,6 +26,7 @@ const Sidebar = () => {
 
   return (
     <>
+      <div className="mask" onClick={() => toggleSiderbar(false)}></div>
       <aside className="sidebar-wrapper">
         <UserBanner />
         <UsageHeatMap />
@@ -47,7 +48,6 @@ const Sidebar = () => {
         {!userService.isVisitorMode() && <ShortcutList />}
         <TagList />
       </aside>
-      <div className="mask" onClick={() => toggleSiderbar(false)}></div>
     </>
   );
 };