diff --git a/src/config/Slate/Link/link-form.scss b/src/config/Slate/Link/link-form.scss
index 0a4dcdd..1943161 100644
--- a/src/config/Slate/Link/link-form.scss
+++ b/src/config/Slate/Link/link-form.scss
@@ -14,7 +14,7 @@ body.cms-ui .link-form-container {
       .ui.icon.button:focus,
       .ui.basic.button:focus {
         border-radius: 0;
-        outline: solid 2px $focus-outline-color;
+        outline: solid 2px var(--focus-outline-color);
       }
 
       .cancel .icon {
@@ -64,7 +64,7 @@ body.cms-ui .link-form-container {
 
       .ui.basic.button:focus {
         border-radius: 0;
-        outline: solid 2px $focus-outline-color;
+        outline: solid 2px var(--focus-outline-color);
       }
     }
   }