diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index da90831ac..529b86ac6 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -32,6 +32,7 @@ $color-info: #31708f;
 $color-info-light: #d9edf7;
 $color-info-dark: darken($color-info, 10%);
 $color-warning: #f29e00;
+$color-warning-light: #f5c93b;
 $color-danger: #de2a11;
 $color-danger-light: #ffe6e6;
 $color-danger-dark: darken($color-danger, 10%);
diff --git a/src/components/form-attachment/popups.vue b/src/components/form-attachment/popups.vue
index 498b4be5b..54d0ad924 100644
--- a/src/components/form-attachment/popups.vue
+++ b/src/components/form-attachment/popups.vue
@@ -227,7 +227,7 @@ $popup-width: 300px;
     #form-attachment-popups-unmatched {
       $padding: 10px;
 
-      background-color: $color-warning;
+      background-color: $color-warning-light;
       font-size: 12px;
       line-height: 14px;
       margin-bottom: 17px;
diff --git a/src/components/modal.vue b/src/components/modal.vue
index 332e6c5be..d65ad8635 100644
--- a/src/components/modal.vue
+++ b/src/components/modal.vue
@@ -237,7 +237,7 @@ export default {
 }
 
 .modal-warnings {
-  background-color: $color-warning;
+  background-color: $color-warning-light;
   margin-bottom: 15px;
   padding: 15px;