diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index 5b3f79b..eedf06e 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -6,20 +6,20 @@
     @apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
 }
 
-.today-table-grid {
-    display: grid;
-}
+/*.today-table-grid {*/
+/*    display: grid;*/
+/*}*/
 
-@media (min-width: 640px) {
-    .today-table-grid {
-        grid-template-columns: 2fr repeat(3, 1fr);
-    }
-}
+/*@media (min-width: 640px) {*/
+/*    .today-table-grid {*/
+/*        grid-template-columns: 2fr repeat(3, 1fr);*/
+/*    }*/
+/*}*/
 
-@media (min-width: 480px) and (max-width: 639px) {
-    .today-table-grid {
-        grid-template-rows: 1fr 1fr;
-        grid-template-columns: 1fr 1fr;
-        grid-auto-flow: column;
-    }
-}
+/*@media (min-width: 480px) and (max-width: 639px) {*/
+/*    .today-table-grid {*/
+/*        grid-template-rows: 1fr 1fr;*/
+/*        grid-template-columns: 1fr 1fr;*/
+/*        grid-auto-flow: column;*/
+/*    }*/
+/*}*/
diff --git a/app/views/attendance_tracker/today.html.erb b/app/views/attendance_tracker/today.html.erb
index 1dc025d..dfcb889 100644
--- a/app/views/attendance_tracker/today.html.erb
+++ b/app/views/attendance_tracker/today.html.erb
@@ -3,7 +3,7 @@
 <div class="mt-4 py-2 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 grid today-table-grid">
+      <div class="bg-gray-50 text-left text-sm font-semibold text-gray-900 py-3.5 px-6 grid grid-cols-4">
         <div>Course</div>
         <div>Lecture</div>
         <div>Status</div>
diff --git a/app/views/lectures/_lecture.html.erb b/app/views/lectures/_lecture.html.erb
index da189ba..f80cb96 100644
--- a/app/views/lectures/_lecture.html.erb
+++ b/app/views/lectures/_lecture.html.erb
@@ -4,12 +4,14 @@
                                   'bg-green-100': lecture.attended?,
                                 }) %>
 
-<div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 flex justify-between items-center grid grid-cols-5 gap-2">
+<div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 justify-between items-center grid grid-flow-col gap-2">
   <div class="whitespace-nowrap text-sm font-medium text-gray-900">
     <%= lecture.title %>
 
     <% if lecture.online %>
       <i class="fa fa-solid fa-globe text-gray-500"></i>
+    <% else %>
+      <span class="inline-block w-4"></span>
     <% end %>
   </div>