diff --git a/src/views/AttendanceRecordView.vue b/src/views/AttendanceRecordView.vue
index 55eb00d..0cc5410 100644
--- a/src/views/AttendanceRecordView.vue
+++ b/src/views/AttendanceRecordView.vue
@@ -268,6 +268,7 @@ onMounted(() => {
   color: var(--c-primary-text);
   font-size: 0.85rem;
   text-transform: capitalize;
+  white-space: nowrap; /* Keep on one line */
 }
 .event-type.clock_in {
   background-color: var(--c-success);
@@ -317,12 +318,17 @@ onMounted(() => {
 
   /* Adjust table font size for smaller screens if needed */
   table {
-    font-size: 0.9rem;
+    font-size: 0.8rem; /* Slightly smaller font for table on small screens */
   }
 
   th,
   td {
-    padding: 8px 10px; /* Reduce padding for table cells */
+    padding: 6px 8px; /* Reduce padding for table cells further */
+  }
+
+  .event-type {
+    font-size: 0.75rem; /* Slightly smaller font for event type tag */
+    padding: 3px 6px; /* Adjust padding for smaller font */
   }
 }
 </style>