diff --git a/static/css/ie.css b/static/css/ie.css
index 8794962928..29d770c6c8 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -264,8 +264,14 @@
 	}
 
 	a:hover,
+	a:active,
+	a:focus,
 	.anchor:hover,
-	.topbar-button button:hover {
+	.anchor:active,
+	.anchor:focus,
+	.topbar-button button:hover,
+	.topbar-button button:active,
+	.topbar-button button:focus{
 		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
 	}
 
diff --git a/static/css/variant.css b/static/css/variant.css
index 3245d209c6..e826864c25 100644
--- a/static/css/variant.css
+++ b/static/css/variant.css
@@ -18,8 +18,14 @@ a,
 }
 
 a:hover,
+a:active,
+a:focus,
 .anchor:hover,
-.topbar-button button:hover {
+.anchor:active,
+.anchor:focus,
+.topbar-button button:hover,
+.topbar-button button:active,
+.topbar-button button:focus{
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }
 
@@ -411,7 +417,9 @@ article ul > li > input[type="checkbox"] {
 #R-body .tab-nav-button {
     color: var(--INTERNAL-MAIN-LINK-color);
 }
-#R-body .tab-nav-button:not(.active):hover {
+#R-body .tab-nav-button:not(.active):hover,
+#R-body .tab-nav-button:not(.active):active,
+#R-body .tab-nav-button:not(.active):focus {
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }
 
@@ -427,7 +435,9 @@ article ul > li > input[type="checkbox"] {
 #R-body .tab-nav-button.active > .tab-nav-text{
     background-color: var(--VARIABLE-BOX-BG-color);
 }
-#R-body .tab-nav-button:not(.active) > .tab-nav-text:hover {
+#R-body .tab-nav-button:not(.active):hover > .tab-nav-text,
+#R-body .tab-nav-button:not(.active):active > .tab-nav-text,
+#R-body .tab-nav-button:not(.active):focus > .tab-nav-text {
     border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }