diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
index 099b78930..7e82730ce 100755
--- a/src/definitions/elements/button.less
+++ b/src/definitions/elements/button.less
@@ -352,17 +352,30 @@
 }
 
 /* States */
+
+/* Hover */
 .ui.inverted.button:hover {
   background: @white;
   box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
   color: @hoverColor;
 }
-.ui.inverted.button:focus {
+
+/* Active / Focus */
+.ui.inverted.button:focus,
+.ui.inverted.button.active {
   background: @white;
   box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
   color: @focusColor;
 }
 
+/* Active Focus */
+.ui.inverted.button.active:focus {
+  background: @midWhite;
+  box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important;
+  color: @focusColor;
+}
+
+
 /*-------------------
     Labeled Button
 --------------------*/