diff --git a/app/views/attendance_tracker/today.html.erb b/app/views/attendance_tracker/today.html.erb
index 96f5e5f..ba80784 100644
--- a/app/views/attendance_tracker/today.html.erb
+++ b/app/views/attendance_tracker/today.html.erb
@@ -6,7 +6,7 @@
       <div class="inline-block py-2 align-middle px-6 lg:px-8 w-full">
         <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
           <div class="divide-y divide-gray-300 w-full">
-            <div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6">
+            <div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6 grid grid-cols-4">
               <div>Course</div>
               <div>Lecture</div>
               <div>Status</div>
@@ -19,20 +19,20 @@
                                                 'bg-green-100': lecture.attended?,
                                               }) %>
 
-              <div class="<%= status_classes %> py-4 flex justify-between divide-y divide-gray-200 bg-white items-center">
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+              <div class="<%= status_classes %> px-6 py-4 flex justify-between bg-white items-center grid grid-cols-4">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <%= lecture.course.title %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <%= lecture.title %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
                   <%= render partial: 'lecture_status_icons', locals: { lecture: } %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <% joinable_time = lecture.start_time - 5.minutes %>
                   <% if joinable_time.future? %>
                     <%= button_to "Prepare",