diff --git a/src/css/custom.scss b/src/css/custom.scss
index e2e2d13c6..6c2525517 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -201,10 +201,14 @@ html {
 }
 
 .button {
-  &--outline {
+  &--outline,
+  // Docusaurus adds its own focus styles which we need to
+  // override here to avoid losing the outline.
+  // ref: https://github.com/electron/website/issues/1001
+  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);
     }
   }