diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index edb60a81..9949c4e1 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -281,8 +281,13 @@ export default {
border-color: $blue;
font-weight: 400;
&:hover {
- background-color: #167cac;
+ background-color: $heritage-blue-secondary;
color: $white;
+ border-color: $heritage-blue-secondary;
+ }
+ &:active,
+ &:focus {
+ box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $heritage-blue-secondary;
}
}
}
diff --git a/src/iss-components/content-group-modal/content-group-modal.vue b/src/iss-components/content-group-modal/content-group-modal.vue
index 03612653..5a95478e 100644
--- a/src/iss-components/content-group-modal/content-group-modal.vue
+++ b/src/iss-components/content-group-modal/content-group-modal.vue
@@ -7,6 +7,7 @@