fix(overflowmenu): increase icon hit range for react (#209)

carbon-design-system · Jun 30, 2017 · 05ee470 · 05ee470
1 parent 3c50cde
commit 05ee470
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/overflow-menu/_overflow-menu.scss b/src/components/overflow-menu/_overflow-menu.scss
@@ -11,11 +11,11 @@
 @import '../../globals/scss/import-once';
 
 @include exports('overflow-menu') {
-
   .bx--overflow-menu {
     @include reset;
     position: relative;
-    padding: .5rem;
+    width: rem(20px);
+    height: rem(38px);
     cursor: pointer;
 
     &:focus {
@@ -24,8 +24,9 @@
   }
 
   .bx--overflow-menu__icon {
-    width: rem(4px);
-    height: rem(20px);
+    width: 100%;
+    height: 100%;
+    padding: 0.5rem;
     fill: $ui-05;
 
     &:hover,