From 153dd04d3e797aa4426438b3c4d4508378b381a1 Mon Sep 17 00:00:00 2001
From: Heather Buchel <hbuchel@gmail.com>
Date: Wed, 23 Aug 2023 14:16:37 -0400
Subject: [PATCH] fix(docs): fix missing focus styles for some links (#4375)

Co-authored-by: Heather Buchel <buchel@amazon.com>
---
 docs/src/styles/docs/base.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/src/styles/docs/base.scss b/docs/src/styles/docs/base.scss
index 36960e1ca2a..5b086a454df 100644
--- a/docs/src/styles/docs/base.scss
+++ b/docs/src/styles/docs/base.scss
@@ -89,15 +89,16 @@ a:not([class]) {
   &:focus {
     color: var(--amplify-components-link-hover-color);
   }
+  &:active {
+    color: var(--amplify-components-link-active-color);
+  }
+}
 
+a {
   &:focus-visible {
     outline: none;
     box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
   }
-
-  &:active {
-    color: var(--amplify-components-link-active-color);
-  }
 }
 
 blockquote {