diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_buttons.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_buttons.scss
index e8a767ffa..ab7ac9b77 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_buttons.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_buttons.scss
@@ -39,4 +39,9 @@
        background-color: $chill-blue;
        color: $light;
    }
+   
+   &.btn-cancel {
+      background-color: $chill-light-gray;
+      color: $black;
+   }
 }
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
index 1aec55cb8..fa78c7e3d 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
@@ -36,7 +36,7 @@
 
    <div>
       <ul class="record_actions sticky-form-buttons">
-         <li class="cancel">
+         <li class="btn btn-cancel">
             <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
          </li>
          <li v-if="!edit">
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
index b63eb6a8d..8d92c8f6b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
@@ -16,7 +16,7 @@
                   <slot name="body"></slot>
                </div>
                <div class="modal-footer">
-                  <button class="sc-button cancel" @click="$emit('close')">{{ $t('action.close') }}</button>
+                  <button class="btn btn-cancel" @click="$emit('close')">{{ $t('action.close') }}</button>
                   <slot name="footer"></slot>
                </div>
             </div>
@@ -55,7 +55,7 @@ export default {
       display: table;
       transition: opacity 0.3s ease;
    }
-   .modal-header .close { // bootstrap classes, override sc-button 0 radius
+   .modal-header .close { 
       border-top-right-radius: 0.3rem;
    }
    /*
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
index 636acb658..d6e6fa7be 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
@@ -62,7 +62,7 @@
 
       <div>
         <ul class="record_actions">
-          <li class="cancel">
+          <li class="btn btn-cancel">
             <a href="#" class="btn btn-cancel">
               {{ $t('action.cancel') }}
             </a>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue
index 16b00016e..73880f5db 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue
@@ -33,7 +33,7 @@
       </div>
       <div>
          <ul class="record_actions sticky-form-buttons">
-            <li class="cancel">
+            <li class="btn btn-cancel">
                <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
             </li>
             <li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
index c6494e461..5d75b9ec0 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
@@ -90,7 +90,7 @@ export default {
                margin-left: 0.5em;
                align-self: baseline;
             }
-            a.sc-button {
+            a.btn {
                border: 1px solid lightgrey;
                font-size: 70%;
                padding: 4px;