diff --git a/pkgs/webview-ui/app/src/layout/layout.tsx b/pkgs/webview-ui/app/src/layout/layout.tsx
index 0c8880f66..85f295a94 100644
--- a/pkgs/webview-ui/app/src/layout/layout.tsx
+++ b/pkgs/webview-ui/app/src/layout/layout.tsx
@@ -17,25 +17,19 @@ export const Layout: Component<RouteSectionProps> = (props) => {
 
   return (
     <div class="h-screen w-full p-4 bg-def-2">
-      <div class="h-full ">
-        <input id="toplevel-drawer" type="checkbox" class=" hidden" />
-        <div class=" my-2 ml-8 overflow-x-hidden overflow-y-scroll rounded-lg border bg-def-1 border-def-3">
-          {props.children}
-        </div>
+      <div class="h-full flex">
         <div
-          class=" z-40 h-full !overflow-hidden"
+          class="z-40 h-full overflow-hidden"
           classList={{
-            "!hidden":
+            hidden:
               props.location.pathname === "welcome" || clanList().length === 0,
           }}
         >
-          <label
-            for="toplevel-drawer"
-            aria-label="close sidebar"
-            class=" !h-full !overflow-hidden "
-          ></label>
           <Sidebar {...props} />
         </div>
+        <div class="w-full my-2 ml-8 overflow-x-hidden overflow-y-scroll rounded-lg border bg-def-1 border-def-3">
+          {props.children}
+        </div>
       </div>
     </div>
   );