diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index ae7becca2..7981d96ad 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -5296,7 +5296,7 @@ input[type="text"] {
 }
 
 .border-low-interaction {
-  border-color: var(--low-interaction-background-50);
+  border-color: var(--interaction-border);
   border-style: dashed;
 }
 
diff --git a/src/index.css b/src/index.css
index a9e8715bd..55cb6b9dd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -166,7 +166,7 @@ input[type="text"] {
 }
 
 .border-low-interaction {
-    border-color: var(--low-interaction-background-50);
+    border-color: var(--interaction-border);
     border-style: dashed;
 }