diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index 37e054e9..d36d3926 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -134,6 +134,7 @@
     {...$$restProps}
     style="{hasIconOnly && 'width: 3rem;'}"
     on:click
+    on:focus
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -147,6 +148,7 @@
     bind:this="{ref}"
     {...buttonProps}
     on:click
+    on:focus
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -166,6 +168,7 @@
     bind:this="{ref}"
     {...buttonProps}
     on:click
+    on:focus
     on:mouseover
     on:mouseenter
     on:mouseleave
diff --git a/src/Button/ButtonSkeleton.svelte b/src/Button/ButtonSkeleton.svelte
index 76da9766..b07c540f 100644
--- a/src/Button/ButtonSkeleton.svelte
+++ b/src/Button/ButtonSkeleton.svelte
@@ -26,6 +26,7 @@
     class:bx--btn--xl="{size === 'xl'}"
     {...$$restProps}
     on:click
+    on:focus
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -43,6 +44,7 @@
     class:bx--btn--xl="{size === 'xl'}"
     {...$$restProps}
     on:click
+    on:focus
     on:mouseover
     on:mouseenter
     on:mouseleave