diff --git a/src/views/dashboard/overview/components/UserActivity/index.vue b/src/views/dashboard/overview/components/UserActivity/index.vue
index 60dfdd97..c9f29ae6 100644
--- a/src/views/dashboard/overview/components/UserActivity/index.vue
+++ b/src/views/dashboard/overview/components/UserActivity/index.vue
@@ -70,17 +70,23 @@ onMounted(() => {
           <div></div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span>{{ parseDateToStr(item.data.releaseTime * 1000) }}</span>
+            <span :title="parseDateToStr(item.data.releaseTime * 1000)">
+              {{ parseDateToStr(item.data.releaseTime * 1000) }}
+            </span>
           </div>
         </div>
         <div class="card-cdr-item">
           <div>
             {{ t('views.dashboard.overview.userActivity.caller') }}:
-            <span>{{ item.data.callerParty }}</span>
+            <span :title="item.data.callerParty">{{
+              item.data.callerParty
+            }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.called') }}:
-            <span>{{ item.data.calledParty }}</span>
+            <span :title="item.data.calledParty">{{
+              item.data.calledParty
+            }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.duration') }}:
@@ -108,17 +114,20 @@ onMounted(() => {
             </span>
           </div>
           <div>
-            IMSI: <span>{{ item.data.imei }}</span>
+            IMSI: <span :title="item.data.imsi">{{ item.data.imsi }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span v-if="item.type === 'auth-result'">
+            <span
+              v-if="item.type === 'auth-result'"
+              :title="item.data.authTime"
+            >
               {{ item.data.authTime }}
             </span>
-            <span v-if="item.type === 'detach'">
+            <span v-if="item.type === 'detach'" :title="item.data.detachTime">
               {{ item.data.detachTime }}
             </span>
-            <span v-if="item.type === 'cm-state'">
+            <span v-if="item.type === 'cm-state'" :title="item.data.changeTime">
               {{ item.data.changeTime }}
             </span>
           </div>
@@ -258,6 +267,10 @@ onMounted(() => {
       justify-content: flex-start;
       & > div {
         width: 50%;
+        white-space: nowrap;
+        text-align: start;
+        text-overflow: ellipsis;
+        overflow: hidden;
       }
     }
     &-w33 {
@@ -285,6 +298,10 @@ onMounted(() => {
       justify-content: flex-start;
       & > div {
         flex: 1;
+        white-space: nowrap;
+        text-align: start;
+        text-overflow: ellipsis;
+        overflow: hidden;
       }
     }
   }