diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 1750e75c..9949c4e1 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -287,7 +287,7 @@ export default {
                 }
                 &:active,
                 &:focus {
-                    box-shadow: 0 0 0 3px #ffffff, 0 0 0 5.5px $heritage-blue-secondary; 
+                    box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $heritage-blue-secondary; 
                 }
             }
         }