diff --git a/jero-web/src/views/documentTools/documentComparison/components/commentList.vue b/jero-web/src/views/documentTools/documentComparison/components/commentList.vue
index 8ca470ca2..f25f17751 100644
--- a/jero-web/src/views/documentTools/documentComparison/components/commentList.vue
+++ b/jero-web/src/views/documentTools/documentComparison/components/commentList.vue
@@ -396,10 +396,18 @@
   }
 
   .button-text {
-    width: 73px;
+    width: 88px;
     overflow: hidden;
     padding: 0 8px;
-    box-sizing: border-box;
+    float: right;
+  }
+
+  ::v-deep .button-text span {
+    width: 64px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-top: 4px;
   }
 </style>
 <style>
diff --git a/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue b/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue
index fdcb3c505..dec21a79b 100644
--- a/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue
+++ b/jero-web/src/views/documentTools/documentComparison/components/comparisonResults.vue
@@ -65,11 +65,14 @@
                     <div class="detail-content-left-button" v-html="item.itemsTextRight"></div>
                   </div>
                   <div class="detail-content-bottom">
-                    <div class="detail-content-bottom-left" :title="$t('comparisonDifferenceComment')">
+                    <div class="detail-content-bottom-left"
+                         :class="{'detail-content-bottom-left-text':language == 'en-us' ? true:false}"
+                         :title="$t('comparisonDifferenceComment')">
                       <a-icon type="message"/>
                       {{$t('comparisonDifferenceComment')}}:
                     </div>
-                    <div class="detail-content-bottom-right">
+                    <div class="detail-content-bottom-right"
+                         :class="{'detail-content-bottom-right-text':language == 'en-us' ? true:false}">
                       {{item.comment}}
                     </div>
                   </div>
@@ -172,6 +175,7 @@
         isDisplay: false,
         fullCheckbox: false,
         resultData: {},
+        language: '',
         url: {
           exportData: '/compare/sarFileCompareItemComment/exportResXls'
         }
@@ -183,6 +187,7 @@
       } else {
         this.isDisplay = true
       }
+      this.language = localStorage.getItem('language') || ''
       this.getData()
     },
     methods: {
@@ -390,7 +395,7 @@
       }
 
       .doc-detail-right {
-        width: 300px;
+        width: 800px;
         line-height: 68px;
         /*display: flex;*/
         text-align: right;
@@ -620,4 +625,12 @@
   .detail-content-header-content-left-active {
     width: 50% !important;
   }
+
+  .detail-content-bottom-left-text {
+    width: 256px;
+  }
+
+  .detail-content-bottom-right-text {
+    width: calc(50% - 256px);
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue b/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue
index fb7e172f1..8a7a8ce2c 100644
--- a/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue
+++ b/jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue
@@ -67,7 +67,7 @@
                 />
               </div>
               <div class="box-button-standard">
-                <span class="box-button-standard-left">
+                <span class="box-button-standard-left" :title="$t('selectedStandard')">
                      {{$t('selectedStandard')}}
                 </span>
                 <span class="box-button-standard-right"
@@ -131,7 +131,7 @@
                 />
               </div>
               <div class="box-button-standard">
-                <span class="box-button-standard-left">
+                <span class="box-button-standard-left" :title="$t('selectedStandard')">
                      {{$t('selectedStandard')}}
                 </span>
                 <span class="box-button-standard-right"
@@ -516,6 +516,8 @@
   .box-button-standard-left {
     width: 111px;
     height: 46px;
+    padding: 0 6px;
+    box-sizing: border-box;
     display: inline-block;
     border: 1px solid #CED0D8;
     border-right: none;
diff --git a/jero-web/src/views/documentTools/documentComparison/index.vue b/jero-web/src/views/documentTools/documentComparison/index.vue
index 17cd09b9e..fc77284d1 100644
--- a/jero-web/src/views/documentTools/documentComparison/index.vue
+++ b/jero-web/src/views/documentTools/documentComparison/index.vue
@@ -213,7 +213,7 @@
             title: this.$t('operation'),
             align: 'center',
             fixed: 'right',
-            width: 260,
+            width: 310,
             scopedSlots: { customRender: 'operation' }
           }
         ]