fix(controls): Fix background color position for region toggle button (…

…#1229)
box · Jun 25, 2020 · 70747eb · 70747eb
1 parent e8b3cbb
commit 70747eb
Showing 1 changed file with 5 additions and 15 deletions.
diff --git 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 {