From cff463025bfdacb824dbb97b72d1378e541a8be8 Mon Sep 17 00:00:00 2001
From: Daniel Dimitrov <daniel@compojoom.com>
Date: Fri, 8 Nov 2024 11:53:21 +0100
Subject: [PATCH] fix: drawer was stealing clicks from rest of page

---
 src/components/common/PageLayout/SideDrawer.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/common/PageLayout/SideDrawer.tsx b/src/components/common/PageLayout/SideDrawer.tsx
index b96686f19f..77eeda7b74 100644
--- a/src/components/common/PageLayout/SideDrawer.tsx
+++ b/src/components/common/PageLayout/SideDrawer.tsx
@@ -48,6 +48,11 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
         anchor="left"
         open={isOpen}
         onClose={() => onToggle(false)}
+        sx={{
+          // fixes a bug on small screens where the drawer is not visible,
+          // but it steals all the events from the rest of the page
+          position: 'relative',
+        }}
         className={smDrawerHidden ? css.smDrawerHidden : undefined}
       >
         <aside>