From cc37168b2ae54aa908a09b052d2e3a963de0c678 Mon Sep 17 00:00:00 2001
From: Eric Eastwood <erice@element.io>
Date: Wed, 6 May 2026 21:33:20 -0500
Subject: [PATCH] Fix styles

---
 frontend/src/styles/cpd-link.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/styles/cpd-link.css b/frontend/src/styles/cpd-link.css
index 0786ce86e..0d0df1dd4 100644
--- a/frontend/src/styles/cpd-link.css
+++ b/frontend/src/styles/cpd-link.css
@@ -18,33 +18,33 @@ there is something to interact with */
 .cpd-link[href] {
   text-decoration: underline;
 
-  .cpd-link[data-kind="primary"] {
+  &[data-kind="primary"] {
     color: var(--cpd-color-text-primary);
   }
 
-  .cpd-link[data-kind="critical"] {
+  &[data-kind="critical"] {
     color: var(--cpd-color-text-critical-primary);
   }
 
   @media (hover) {
-    .cpd-link[data-kind="primary"]:hover {
+    &[data-kind="primary"]:hover {
       background: var(--cpd-color-gray-300);
     }
 
-    .cpd-link[data-kind="critical"]:hover {
+    &[data-kind="critical"]:hover {
       background: var(--cpd-color-red-300);
     }
   }
 
-  .cpd-link:active {
+  &:active {
     color: var(--cpd-color-text-on-solid-primary);
   }
 
-  .cpd-link[data-kind="primary"]:active {
+  &[data-kind="primary"]:active {
     background: var(--cpd-color-text-primary);
   }
 
-  .cpd-link[data-kind="critical"]:active {
+  &[data-kind="critical"]:active {
     background: var(--cpd-color-text-critical-primary);
   }
 }