diff --git a/static/css/ie.css b/static/css/ie.css
index 29d770c6c8..7d7b4fa562 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -368,16 +368,16 @@
 		font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
 	}
 
-	.expand > input:active,
-	.expand > input:focus {
-		outline-color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
-	}
-
 	.expand > label {
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
 
-	.expand > label:hover {
+	.expand > label:hover,
+	.expand > label:active,
+	.expand > label:focus,
+	.expand > input:hover + label,
+	.expand > input:active + label,
+	.expand > input:focus + label{
 		color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
 	}
 
diff --git a/static/css/variant.css b/static/css/variant.css
index e826864c25..b2b665df15 100644
--- a/static/css/variant.css
+++ b/static/css/variant.css
@@ -304,16 +304,16 @@ pre:not(.mermaid) .copy-to-clipboard-button:hover {
     color: var(--INTERNAL-CODE-BLOCK-BG-color);
 }
 
-.expand > input:active,
-.expand > input:focus {
-    outline-color: var(--INTERNAL-MAIN-TEXT-color);
-}
-
 .expand > label {
     color: var(--INTERNAL-MAIN-LINK-color);
 }
 
-.expand > label:hover {
+.expand > label:hover,
+.expand > label:active,
+.expand > label:focus,
+.expand > input:hover + label,
+.expand > input:active + label,
+.expand > input:focus + label{
     color: var(--INTERNAL-MAIN-LINK-HOVER-color);
 }