diff --git a/site/static/docs/4.3/assets/scss/_nav.scss b/site/static/docs/4.3/assets/scss/_nav.scss
index 4f1f61f1b1..18a04cfe20 100644
--- a/site/static/docs/4.3/assets/scss/_nav.scss
+++ b/site/static/docs/4.3/assets/scss/_nav.scss
@@ -34,7 +34,8 @@
   font-weight: 500;
   color: $dark;
 
-  &:hover {
+  &:hover,
+  &:focus {
     color: $blue;
     text-decoration: none;
   }
@@ -70,7 +71,8 @@
       color: $bd-purple-light;
 
       &.active,
-      &:hover {
+      &:hover,
+      &:focus {
         color: $white;
         background-color: transparent;
       }
diff --git a/site/static/docs/4.3/assets/scss/_sidebar.scss b/site/static/docs/4.3/assets/scss/_sidebar.scss
index 43232e9aa4..14f1364b7f 100644
--- a/site/static/docs/4.3/assets/scss/_sidebar.scss
+++ b/site/static/docs/4.3/assets/scss/_sidebar.scss
@@ -45,7 +45,8 @@
 
   > * { pointer-events: none; }
 
-  &:hover {
+  &:hover,
+  &:focus {
     color: rgba(0, 0, 0, .85);
     text-decoration: none;
     background-color: rgba($bd-purple-bright, .1);
@@ -91,7 +92,8 @@
     color: rgba(0, 0, 0, .65);
     @include border-radius(.25rem);
 
-    &:hover {
+    &:hover,
+    &:focus {
       color: rgba(0, 0, 0, .85);
       text-decoration: none;
       background-color: rgba($bd-purple-bright, .1);
@@ -99,7 +101,8 @@
   }
 
   > .active > a,
-  > .active:hover > a {
+  > .active:hover > a,
+  > .active:focus > a {
     font-weight: 600;
     color: rgba(0, 0, 0, .85);
   }