diff --git a/jero-web/src/views/documentTool/documentComparison/DocumentDataComparison.vue b/jero-web/src/views/documentTool/documentComparison/DocumentDataComparison.vue
index 6382c02..8564e8f 100644
--- a/jero-web/src/views/documentTool/documentComparison/DocumentDataComparison.vue
+++ b/jero-web/src/views/documentTool/documentComparison/DocumentDataComparison.vue
@@ -81,7 +81,7 @@
                   <div @click="closeView(item)" class="addRemarkBtn" v-show="item.closeBtn">
                     <a-icon type="close-circle"  class="iconClass"/></div>
                 </div>
-                <div v-if="item.addModalState" style="margin-top: 18px">
+                <div v-if="item.addModalState" style="margin-top: 40px">
                   <a-textarea
                     v-model.trim="item.remark"
                     :maxlength="500"
@@ -165,7 +165,7 @@
                   <div @click="closeView(item)" class="addRemarkBtn" v-show="item.closeBtn">
                     <a-icon type="close-circle"  class="iconClass"/></div>
                 </div>
-                <div v-if="item.addModalState" style="margin-top: 18px">
+                <div v-if="item.addModalState" style="margin-top: 40px">
                   <a-textarea
                     v-model.trim="item.remark"
                     :maxlength="500"
@@ -659,7 +659,7 @@ export default {
   }
 
   .detail-content-left-item {
-    padding: 16px 20px;
+    padding: 16px 20px 28px 20px;
     box-sizing: border-box;
     border: 1px solid #EFF1F3;
     cursor: pointer;
@@ -668,7 +668,7 @@ export default {
   }
 
   .detail-content-right-item {
-    padding: 16px 20px;
+    padding: 16px 20px 28px 20px;
     box-sizing: border-box;
     border: 1px solid #EFF1F3;
     cursor: pointer;
@@ -843,8 +843,8 @@ export default {
   }
   .addRemarkBtn{
     position: absolute;
-    bottom: 0;
-    right: -19px;
+    bottom: -26px;
+    right: 0;
     /*z-index: 10;*/
   }
   .iconClass{
diff --git a/jero-web/src/views/documentTool/documentComparison/modules/viewDifferenceModal.vue b/jero-web/src/views/documentTool/documentComparison/modules/viewDifferenceModal.vue
index 78ecb59..b707c6a 100644
--- a/jero-web/src/views/documentTool/documentComparison/modules/viewDifferenceModal.vue
+++ b/jero-web/src/views/documentTool/documentComparison/modules/viewDifferenceModal.vue
@@ -33,7 +33,7 @@
                   <div @click="closeView" class="addRemarkBtn" v-show="oldCloseBtn">
                     <a-icon type="close-circle"  class="iconClass"/></div>
                 </div>
-                <div v-if="oldAddModalState" style="margin-top: 10px">
+                <div v-if="oldAddModalState" style="margin-top: 38px">
                   <a-textarea
                     v-model.trim="oldRemark"
                     :maxlength="500"
@@ -66,7 +66,7 @@
                   <div @click="newCloseView" class="addRemarkBtn" v-show="newCloseBtn">
                     <a-icon type="close-circle"  class="iconClass"/></div>
                 </div>
-                <div v-if="newAddModalState" style="margin-top: 10px">
+                <div v-if="newAddModalState" style="margin-top: 38px">
                   <a-textarea
                     v-model.trim="newRemark"
                     :maxlength="500"
@@ -254,7 +254,7 @@ export default {
   }
 
   .detail-content-left-item {
-    padding: 16px 20px;
+    padding: 16px 20px 28px 20px;
     box-sizing: border-box;
     border: 1px solid #fff;
     cursor: pointer;
@@ -263,7 +263,7 @@ export default {
   }
 
   .detail-content-right-item {
-    padding: 16px 20px;
+    padding: 16px 20px 28px 20px;
     box-sizing: border-box;
     /*border: 1px solid #EFF1F3;*/
     cursor: pointer;
@@ -305,7 +305,7 @@ export default {
   }
   .addRemarkBtn{
     position: absolute;
-    bottom: 0;
-    right: -20px;
+    bottom: -26px;
+    right: 0;
   }
 </style>