diff --git a/assets/toolkit/toolkit.css b/assets/toolkit/toolkit.css
index 514755f..d233bc5 100644
--- a/assets/toolkit/toolkit.css
+++ b/assets/toolkit/toolkit.css
@@ -771,16 +771,16 @@
 .kit-button * {
     pointer-events: none;
 }
-.kit-button:hover {
-    --kit-color-button-text: var(--kit-color-button-text-hover);
-    --kit-color-button-content: var(--kit-color-button-content-hover);
-    --kit-color-button-material: var(--kit-color-button-material-hover);
-}
 .kit-button:focus {
     --kit-color-button-text: var(--kit-color-button-text-active);
     --kit-color-button-content: var(--kit-color-button-content-active);
     --kit-color-button-material: var(--kit-color-button-material-active);
 }
+.kit-button:hover {
+    --kit-color-button-text: var(--kit-color-button-text-hover);
+    --kit-color-button-content: var(--kit-color-button-content-hover);
+    --kit-color-button-material: var(--kit-color-button-material-hover);
+}
 .kit-button:active {
     --kit-color-button-text: var(--kit-color-button-text-active);
     --kit-color-button-content: var(--kit-color-button-content-active);
@@ -862,6 +862,8 @@
 
 .kit-button.kit-button--icon {
     padding: 0 0.75em;
+    flex-shrink: 0;
+    justify-content: center;
 }
 .kit-button.kit-button--icon .kit-button__label {
     display: none;