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>