diff --git a/packages/theme-chalk/src/button.scss b/packages/theme-chalk/src/button.scss
index d8fb691515..c8f34dcb94 100644
--- a/packages/theme-chalk/src/button.scss
+++ b/packages/theme-chalk/src/button.scss
@@ -180,7 +180,8 @@ $button-icon-span-gap: map.merge(
       @include when(has-bg) {
         background-color: getCssVar('fill-color', 'light');
 
-        &:hover {
+        &:hover,
+        &:focus {
           background-color: getCssVar('fill-color');
         }