diff --git a/src/utils/utils.js b/src/utils/utils.js
index afc34a9..f38f5ed 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -883,6 +883,7 @@ export async function useLoadMore() {
         await useGetFilteredTradesForDaily()
         await Promise.all([useRenderDoubleLineChart(), useRenderPieChart()])
         await useInitTab("daily")
+        await useInitTooltip()
         //await useGetDiaries(true)
         //await (renderingCharts.value = false)
     }
diff --git a/src/views/Daily.vue b/src/views/Daily.vue
index 049fbdb..618eaec 100644
--- a/src/views/Daily.vue
+++ b/src/views/Daily.vue
@@ -1066,7 +1066,10 @@ function getOHLC(date, symbol, type) {
                                                             <td>
                                                                 <span
                                                                     v-for="note in notes.filter(obj => obj.tradeId == trade.id)">
-                                                                    <span v-if="note.note.length > 12">{{
+                                                                    <span v-if="note.note.length > 12"
+                                                                        data-bs-toggle="tooltip"
+                                                                        data-bs-html="true"
+                                                                        v-bind:data-bs-title="note.note">{{
                                                                         note.note.substring(0, 12) }}...</span><span
                                                                         v-else>{{ note.note }}</span>
                                                                 </span>