diff --git a/app/views/attendance_tracker/index.html.erb b/app/views/attendance_tracker/index.html.erb
index 82bc029..1676544 100644
--- a/app/views/attendance_tracker/index.html.erb
+++ b/app/views/attendance_tracker/index.html.erb
@@ -72,7 +72,7 @@
 
                           <% if lecture.attendance.present? %>
                             <template data-popover-target="content">
-                              <div class="content absolute max-w-xs bg-gray-300 rounded p-2" data-popover-target="card">
+                              <div class="absolute p-1 w-max whitespace-normal break-words rounded-lg border border-blue-gray-50 bg-white   text-blue-gray-500 shadow-lg shadow-blue-gray-500/10 focus:outline-none" data-popover-target="card">
                                 In lecture: <%= lecture.attendance.duration.in_minutes.round %> minutes
                               </div>
                             </template>