diff --git a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
index 9f2c56347..775dc9048 100644
--- a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
+++ b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
@@ -261,21 +261,21 @@
         columns: [
           {
             title: this.$t('standard'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'serial_number',
             width: 170,
             scopedSlots: { customRender: 'serial_number' }
           },
           {
             title: this.$t('title'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'title',
             width: 170,
             scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('fileName'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'file_name',
             ellipsis: true,
             width: 170,
@@ -283,7 +283,7 @@
           },
           {
             title: this.$t('status'),
-            align: 'center',
+            align: 'left',
             width: 140,
             sorter: true,
             ellipsis: true,
@@ -291,7 +291,7 @@
           },
           {
             title: this.$t('zoneOfApplication'),
-            align: 'center',
+            align: 'left',
             width: 170,
             sorter: true,
             ellipsis: true,
@@ -304,14 +304,14 @@
           // },
           {
             title: this.$t('technicalField'),
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 170,
             dataIndex: 'technology_territory'
           },
           {
             title: this.$t('releaseDate'),
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 170,
             sorter: true,
@@ -319,7 +319,7 @@
           },
           {
             title: this.$t('vehicleInProductionDate'),
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 210,
             sorter: true,
@@ -327,7 +327,7 @@
           },
           {
             title: this.$t('ImplementationDate'),
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             sorter: true,
             width: 210,
@@ -335,7 +335,7 @@
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 200,
             scopedSlots: { customRender: 'operation' }
@@ -955,4 +955,12 @@
   /*::v-deep .ant-select {*/
   /*  max-width: calc(100% - 126px) !important;*/
   /*}*/
+
+  /deep/.ant-table-thead > tr > th {
+    font-weight: bolder;
+  }
+
+  ///deep/.ant-table-tbody > tr > td {
+  //  color: #040B29 ;
+  //}
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentTools/searchCenter/components/whole.vue b/jero-web/src/views/documentTools/searchCenter/components/whole.vue
index b896339b6..a0f74948c 100644
--- a/jero-web/src/views/documentTools/searchCenter/components/whole.vue
+++ b/jero-web/src/views/documentTools/searchCenter/components/whole.vue
@@ -283,16 +283,24 @@
     }
   }
 </script>
-<style>
+<style lang="less">
   .highlight-class {
     color: #21c9cc;
   }
 
   .tooltip-index {
     max-width: calc(100% - 300px) !important;
+   .ant-tooltip-inner {
+    color: #333;
+    background-color: #fff !important;
+    }
+   .ant-tooltip-arrow::before {
+    background-color: #fff;
+    }
   }
 </style>
 <style scoped lang="less">
+
   .box {
     padding: 0 0 0 18px;
     box-sizing: border-box;