diff --git a/css/button-bar-base.css b/css/button-bar-base.css
index d55745a..3b5bb7b 100644
--- a/css/button-bar-base.css
+++ b/css/button-bar-base.css
@@ -25,6 +25,15 @@
 .button-bar__item {
   width: auto;
   border-radius: 0;
+  position: relative;
+}
+
+.button-bar__item > input {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
 }
 
 .button-bar__button:focus {
diff --git a/src/button-bar-base.css b/src/button-bar-base.css
index 7d43002..ed47e30 100644
--- a/src/button-bar-base.css
+++ b/src/button-bar-base.css
@@ -9,6 +9,7 @@
 %button-bar__item {
   width: auto;
   border-radius: 0;
+  position: relative;
 }
 
 %button-bar__item--disabled {
@@ -17,6 +18,11 @@
 
 %button-bar__item__input {
   @extend: %hide-input;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
 }
 
 %button-bar__button {
diff --git a/test/button-bar-base.expected.css b/test/button-bar-base.expected.css
index d55745a..3b5bb7b 100644
--- a/test/button-bar-base.expected.css
+++ b/test/button-bar-base.expected.css
@@ -25,6 +25,15 @@
 .button-bar__item {
   width: auto;
   border-radius: 0;
+  position: relative;
+}
+
+.button-bar__item > input {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
 }
 
 .button-bar__button:focus {
diff --git a/test/button-bar-base.fixture.css b/test/button-bar-base.fixture.css
index b6a0178..c5c6969 100644
--- a/test/button-bar-base.fixture.css
+++ b/test/button-bar-base.fixture.css
@@ -7,7 +7,7 @@
 }
 
 .button-bar__item > input {
-  @extend: %hide-input;
+  @extend: %button-bar__item__input;
 }
 
 .button-bar__button {