diff --git a/src/css/custom.scss b/src/css/custom.scss
index e2e2d13c6..5a76edccc 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -201,10 +201,17 @@ html {
 }
 
 .button {
-  &--outline {
+  &--outline,
+  // Docusaurus adds its own focus styles which we need to
+  // override here to avoid losing the outline. This can be
+  // removed when we pick up the upstream fix in Docusaurus.
+  // ref: https://github.com/electron/website/issues/1001
+  // ref: https://github.com/facebook/docusaurus/pull/11713
+  body:not(.navigation-with-keyboard) &--outline:focus {
     outline: 1px solid;
     color: var(--ifm-color-primary);
-    &:hover {
+    &:hover,
+    &:focus-visible {
       color: var(--ifm-color-primary-dark);
     }
   }