diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
index 3faf1d3c..15864a3e 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
-    <div class="study-info" v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo">
-      <div :title="taskInfo.SubjectCode">
+    <div class="study-info">
+      <div v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo" :title="taskInfo.SubjectCode">
         {{ taskInfo.SubjectCode }}
       </div>
       <div :title="visitTaskInfo.TaskBlindName">
@@ -329,7 +329,13 @@ export default {
     margin: 0;
     text-align: center;
     background-color: #4c4c4c;
-    height: 50px;
+    min-height: 50px;
+    height: auto;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    word-break: break-word;
   }
 
   .dicom-desc {
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/Viewport.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/Viewport.vue
index 74b9adf3..db5f9b98 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/Viewport.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/Viewport.vue
@@ -7,8 +7,8 @@
         <svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
           @click.stop="viewCD(series.TaskInfo.VisitTaskId)" />
       </div>
-      <h2 v-if="taskInfo.IsReadingShowSubjectInfo" class="subject-info">
-        {{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
+      <h2 class="subject-info">
+        {{ taskInfo.IsReadingShowSubjectInfo ? series.TaskInfo.SubjectCode + ' ' + series.TaskInfo.TaskBlindName : series.TaskInfo.TaskBlindName }}
       </h2>
       <div>Series: #{{ series.SeriesNumber }}</div>
       <div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue
index 08448b05..71f464ef 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue
@@ -2,8 +2,10 @@
   <div v-loading="loading" class="questionList-wrapper">
     <div class="container">
       <div class="basic-info">
-        <h3 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo">
-          <span v-if="visitInfo.SubjectCode">{{ visitInfo.SubjectCode }} </span>
+        <h3>
+          <span v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && visitInfo.SubjectCode">
+            {{ visitInfo.SubjectCode }} 
+          </span>
           <span style="margin-left:5px;">{{ visitInfo.TaskBlindName }}</span>
         </h3>
         <div v-if="readingTaskState < 2">
diff --git a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
index 115db698..ef6aaefb 100644
--- a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
+++ b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
@@ -192,8 +192,8 @@
                 <svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
                   @click.stop="viewCD(v.taskInfo.VisitTaskId)" />
               </div>
-              <h2 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo" class="subject-info">
-                {{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
+              <h2 class="subject-info">
+                {{ taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo ? taskInfo.SubjectCode + ' ' + v.taskInfo.TaskBlindName : v.taskInfo.TaskBlindName }}
               </h2>
               <div v-if="v.currentFileName">{{ v.currentFileName }}</div>
             </div>
diff --git a/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue b/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
index 4c6b020b..2870113c 100644
--- a/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
+++ b/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
-    <div class="study-info" v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo">
-      <div :title="taskInfo.SubjectCode">
+    <div class="study-info">
+      <div v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo" :title="taskInfo.SubjectCode">
         {{ taskInfo.SubjectCode }}
       </div>
       <div :title="visitTaskInfo.TaskBlindName">
@@ -21,7 +21,7 @@
                   study.StudyName }}</span>
               </div>
               <div style="text-overflow: ellipsis;overflow: hidden;">
-                <span :title="study.BodyPart">{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
+                <span :title="study.DisplayBodyPart">{{ study.DisplayBodyPart }}</span>
                 <span style="margin-left: 5px;" :title="study.Modality">{{ study.Modality }}</span>
               </div>
             </div>
@@ -92,12 +92,12 @@ export default {
   },
   async mounted() {
     this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
-    this.studyList = this.visitTaskInfo.StudyList
+    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
+    this.studyList = this.decorateStudyList(this.visitTaskInfo.StudyList || [])
     if (this.studyList.length === 0) return
     this.$nextTick(() => {
       this.activeStudy(this.studyList[0].Id)
     })
-    this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
   },
   watch: {
     activeFileIndex() {
@@ -109,6 +109,12 @@ export default {
     },
   },
   methods: {
+    decorateStudyList(studyList = []) {
+      return studyList.map(study => ({
+        ...study,
+        DisplayBodyPart: this.getBodyPart(study.BodyPart, study.BodyPartForEditOther)
+      }))
+    },
     scrollElementToTop(element, options = {}) {
       const container = this.$refs['studyBox_ps']
       if (!container || !element) return
@@ -125,6 +131,7 @@ export default {
     },
     getBodyPart(bodyPart, other) {
       if (!bodyPart && !other) return ''
+      if (!bodyPart) return other || ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
         separator = '|'
@@ -175,8 +182,9 @@ export default {
       this.activeFileIndex = fIndex
     },
     activeStudy(id) {
-      if (this.activeNames.indexOf(id) > -1) return
-      this.activeNames.push(id)
+      const studyId = `${id}`
+      if (this.activeNames.indexOf(studyId) > -1) return
+      this.activeNames.push(studyId)
     },
     handleChange(v) {
       console.log(v)
@@ -230,7 +238,13 @@ export default {
     margin: 0;
     text-align: center;
     background-color: #4c4c4c;
-    height: 50px;
+    min-height: 50px;
+    height: auto;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    word-break: break-word;
   }
 
   .dicom-desc {