diff --git a/employee/templates/employee_personal_info/employee_card.html b/employee/templates/employee_personal_info/employee_card.html
index 47364cf16..402df5307 100644
--- a/employee/templates/employee_personal_info/employee_card.html
+++ b/employee/templates/employee_personal_info/employee_card.html
@@ -58,8 +58,8 @@
           </div>
 
           <div class="oh-kanban-card__details">
-            <span class="oh-kanban-card__title">{{emp}}</span>
-            <span class="oh-kanban-card__subtitle">{{emp.email}}</span><br>
+            <span class="oh-kanban-card__title" {% if emp.email|length >= 30 %}title = "{{emp}}" {% endif %}>{{emp|truncatechars:30}}</span>
+            <span class="oh-kanban-card__subtitle" {% if emp.email|length >= 35 %}title = "{{emp.email}}" {% endif %}>{{emp.email|truncatechars:35}}</span><br>
             <span class="oh-kanban-card__subtitle">{{emp.employee_work_info.job_position_id}}</span>
             <div class="oh-kanban-card__subtitle">
               {% if emp.check_online %}