From 70747ebac9edfc0372ca4f3be7284df33db3c517 Mon Sep 17 00:00:00 2001
From: Jared Stoffan <jstoffan@users.noreply.github.com>
Date: Thu, 25 Jun 2020 14:43:46 -0700
Subject: [PATCH] fix(controls): Fix background color position for region
 toggle button (#1229)

---
 src/lib/AnnotationControls.scss | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/lib/AnnotationControls.scss b/src/lib/AnnotationControls.scss
index adf7fc648..4d910be71 100644
--- a/src/lib/AnnotationControls.scss
+++ b/src/lib/AnnotationControls.scss
@@ -3,30 +3,20 @@
     border-left: 1px solid $twos;
 
     .bp-AnnotationControls-regionBtn {
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
         svg {
+            width: 34px;
+            height: 32px;
+            padding: 4px 5px;
+            border-radius: 4px;
             fill: $white;
         }
 
         &.is-active {
             svg {
+                background-color: $white;
                 fill: $black;
             }
         }
-
-        &.is-active::before {
-            position: absolute;
-            z-index: -1;
-            width: 34px;
-            height: 32px;
-            background-color: $white;
-            border-radius: 4px;
-            content: '';
-        }
     }
 
     &.is-hidden {