diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/AssessmentTab/AssessmentTab.vue b/contentcuration/contentcuration/frontend/channelEdit/components/AssessmentTab/AssessmentTab.vue
index 630b4fd332..7074264d9c 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/AssessmentTab/AssessmentTab.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/AssessmentTab/AssessmentTab.vue
@@ -23,27 +23,16 @@
       @deleteItem="onDeleteAssessmentItem"
     />
 
-    <MessageDialog
-      v-model="dialog.open"
-      :header="dialog.title"
-      :text="dialog.message"
+    <KModal
+      v-if="dialog.open"
+      :title="dialog.title"
+      :cancelText="dialog.cancelLabel || $tr('dialogCancelBtnLabel')"
+      :submitText="dialog.submitLabel || $tr('dialogSubmitBtnLabel')"
+      @cancel="dialog.onCancel"
+      @submit="dialog.onSubmit"
     >
-      <template #buttons>
-        <VBtn
-          flat
-          @click="dialog.onCancel"
-        >
-          {{ dialog.cancelLabel || $tr('dialogCancelBtnLabel') }}
-        </VBtn>
-
-        <VBtn
-          color="primary"
-          @click="dialog.onSubmit"
-        >
-          {{ dialog.submitLabel || $tr('dialogSubmitBtnLabel') }}
-        </VBtn>
-      </template>
-    </MessageDialog>
+      {{ dialog.message }}
+    </KModal>
   </div>
 
 </template>
@@ -54,13 +43,11 @@
   import { mapGetters, mapActions } from 'vuex';
 
   import AssessmentEditor from '../AssessmentEditor/AssessmentEditor';
-  import MessageDialog from 'shared/views/MessageDialog';
 
   export default {
     name: 'AssessmentTab',
     components: {
       AssessmentEditor,
-      MessageDialog,
     },
     props: {
       nodeId: {