From 8158ae38f1c22445c516681a57418efa850f74a8 Mon Sep 17 00:00:00 2001
From: Katalina Okano <git@kat.cafe>
Date: Tue, 13 Jul 2021 23:30:44 -0400
Subject: [PATCH] fix(Popover): fix z-index dismiss handler and mobile
 positioning

---
 packages/design-system/atoms/popover/Popover.styled.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/atoms/popover/Popover.styled.ts b/packages/design-system/atoms/popover/Popover.styled.ts
index 6fa9623..bc55ba2 100644
--- a/packages/design-system/atoms/popover/Popover.styled.ts
+++ b/packages/design-system/atoms/popover/Popover.styled.ts
@@ -29,7 +29,7 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
     `}
   ${onSmallScreen(
     css`
-      position: absolute;
+      position: fixed;
       top: 0;
       left: 0;
       bottom: 0;
@@ -37,6 +37,8 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
       min-width: unset;
       width: 100vw;
       height: 100vh;
+      z-index: 200;
+      margin: 0 !important;
     `
   )};
 `;
@@ -44,7 +46,7 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
 export const DefocusHandler = styled.div<PopoverStyledProps>`
   background-color: rgba(0, 0, 0, 0.01);
   position: fixed;
-  z-index: -1;
+  z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;