Fine-tune styling

components/Modal/DisableModal.vue

@@ -2,6 +2,7 @@
   <ds-modal
     :title="title"
     :is-open="isOpen"
+    @cancel="$emit('close')"
   >
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
@@ -15,7 +16,9 @@
       </ds-button>
 
       <ds-button
+        danger
         class="confirm"
+        icon="exclamation-circle"
         @click="confirm"
       >
         {{ $t('disable.submit') }}

components/Modal/ReportModal.vue

@@ -2,7 +2,7 @@
   <ds-modal
     :title="title"
     :is-open="isOpen"
-    confirm-icon="warning"
+    @cancel="$emit('close')"
   >
     <transition name="ds-transition-fade">
       <ds-flex
@@ -21,7 +21,6 @@
       slot="footer"
     >
       <ds-button
-        ghost
         class="cancel"
         icon="close"
         @click="$emit('close')"