From f36e401eaf257fe9dffb86633a3f554046072675 Mon Sep 17 00:00:00 2001
From: Ollie Curtis <8831547+olliecurtis@users.noreply.github.com>
Date: Fri, 17 May 2024 14:08:33 +0100
Subject: [PATCH] Fix popover z-index (#3459)

---
 packages/bpk-component-popover/src/BpkPopover.module.scss | 7 +------
 packages/bpk-component-popover/src/BpkPopover.tsx         | 1 +
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/bpk-component-popover/src/BpkPopover.module.scss b/packages/bpk-component-popover/src/BpkPopover.module.scss
index c7bea07d59..0a2b0392d1 100644
--- a/packages/bpk-component-popover/src/BpkPopover.module.scss
+++ b/packages/bpk-component-popover/src/BpkPopover.module.scss
@@ -25,13 +25,8 @@
 
 $arrow-size: tokens.bpk-spacing-lg();
 
-.bpk-popover-portal {
+.bpk-popover-container {
   z-index: tokens.$bpk-zindex-popover;
-
-  @include breakpoints.bpk-breakpoint-mobile {
-    margin-right: tokens.bpk-spacing-base();
-    margin-left: tokens.bpk-spacing-base();
-  }
 }
 
 .bpk-popover {
diff --git a/packages/bpk-component-popover/src/BpkPopover.tsx b/packages/bpk-component-popover/src/BpkPopover.tsx
index 4bcc4a8f9d..3739cb7420 100644
--- a/packages/bpk-component-popover/src/BpkPopover.tsx
+++ b/packages/bpk-component-popover/src/BpkPopover.tsx
@@ -155,6 +155,7 @@ const BpkPopover = ({
       {isOpenState && (
         <FloatingFocusManager context={context} modal={false}>
           <div
+            className={getClassName('bpk-popover--container')}
             ref={refs.setFloating}
             style={floatingStyles}
             {...getFloatingProps()}