diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 13781e11bd..866dedface 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -307,13 +307,34 @@ fieldset[disabled] .btn-primary.focus {
   margin-left: 5px;
 }
 
-.link-btn:hover,
-.link-btn.btn-lg:hover svg {
+.link-btn:active {
+  background-color: var(--quaternary-background);
+}
+
+.link-btn:focus,
+.link-btn.btn-lg:focus svg {
   fill: var(--quaternary-background);
   background-color: var(--secondary-color);
+  border-color: var(--gray-45);
   color: var(--secondary-background);
 }
 
+.link-btn:focus:not(:focus-visible),
+.link-btn.btn-lg:focus:not(:focus-visible) svg {
+  background-color: var(--quaternary-background);
+  border-color: var(--secondary-color);
+  color: var(--secondary-color);
+  fill: var(--primary-color);
+}
+
+.link-btn:hover,
+.link-btn.btn-lg:hover svg {
+  fill: var(--quaternary-background) !important;
+  background-color: var(--secondary-color) !important;
+  border-color: var(--secondary-color) !important;
+  color: var(--secondary-background) !important;
+}
+
 .link-btn.btn-lg svg,
 .map-icon,
 .cert-header-icon {