diff --git a/jero-web/src/components/tableCollection/historyTable.vue b/jero-web/src/components/tableCollection/historyTable.vue
index 4c6a80a74..29feb16d2 100644
--- a/jero-web/src/components/tableCollection/historyTable.vue
+++ b/jero-web/src/components/tableCollection/historyTable.vue
@@ -1,22 +1,22 @@
 <template>
   <a-table
-  :components="drag(columnshistory,'columnshistory')"
-  class="table"
-  :columns="columnshistory"
-  :pagination="false"
-  :scroll="{x: '100%',y: 400}"
-  :data-source="dataSourcehistory"
-  :loading="loading"
+    :components="drag(columnshistory,'columnshistory')"
+    class="table"
+    :columns="columnshistory"
+    :pagination="false"
+    :scroll="{x: '100%',y: 400}"
+    :data-source="dataSourcehistory"
+    :loading="loading"
   >
   <span slot="content" slot-scope="text,record">
-          <a-tooltip placement="topLeft">
+          <a-tooltip overlayClassName="columnshistory" placement="topLeft">
         <template slot="title">
           <span v-html="text"></span>
         </template>
             <span v-html="text"></span>
       </a-tooltip>
        </span>
-  <span slot="detailText" slot-scope="text,record">
+    <span slot="detailText" slot-scope="text,record">
               <span class="text" :title="text">
                {{text && text.length > 10?text.slice(0,9)+'...':text}}
               </span>
@@ -26,14 +26,20 @@
 
 <script>
 
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
-export default {
-  name: 'historyTable.vue',
-  props:['columnshistory','dataSourcehistory'],
-  mixins:[ResizeHeader, ResizeColumnProvide],
-}
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
+  export default {
+    name: 'historyTable.vue',
+    props: ['columnshistory', 'dataSourcehistory'],
+    mixins: [ResizeHeader, ResizeColumnProvide]
+  }
 </script>
 
 <style scoped>
 
+</style>
+<style>
+  .columnshistory .ant-tooltip-inner {
+    color: #333!important;
+  }
 </style>
\ No newline at end of file