diff --git a/website/src/components/button.astro b/website/src/components/button.astro
index a1697faeed7..e16b703b3e3 100644
--- a/website/src/components/button.astro
+++ b/website/src/components/button.astro
@@ -41,6 +41,10 @@ const appearanceCls = `appearance-${appearance ?? "primary"}`;
     color: var(--colorNeutralForeground1);
   }
 
+  .button:focus {
+    outline: 1px solid var(--colorNeutralForeground1);
+  }
+
   .appearance-primary {
     color: var(--colorNeutralForegroundOnBrand);
     background-color: var(--colorBrandBackground);