Update relative position hack for layers

Switches to slightly more verbose, but more consistent, z-index layering we use elsewhere (e.g., pagination). Doing this ensures we're not toggling position on and off, but rather z-index.

1 files changed, 6 insertions, 1 deletions

diff --git a/scss/_accordion.scss b/scss/_accordion.scss
index 53715274a7..0990a15c6b 100644
--- a/scss/_accordion.scss
+++ b/scss/_accordion.scss
@@ -3,6 +3,7 @@
 //
 
 .accordion-button {
+  position: relative;
   display: flex;
   align-items: center;
   width: 100%;
@@ -39,8 +40,12 @@
     @include transition($accordion-icon-transition);
   }
 
+  &:hover {
+    z-index: 2;
+  }
+
   &:focus {
-    position: relative;
+    z-index: 3;
     outline: 0;
     box-shadow: $btn-focus-box-shadow;
   }