diff --git a/src/app/activity/page.tsx b/src/app/activity/page.tsx
index 8aeb685..5feb1a5 100644
--- a/src/app/activity/page.tsx
+++ b/src/app/activity/page.tsx
@@ -346,7 +346,7 @@ export default function ActivityPage() {
                         <button
                           key={log.id}
                           onClick={() => { setSelectedLog(log); setDeleteConfirm(false); }}
-                          className="w-full flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-xl text-left active:scale-[0.98] transition-transform"
+                          className="group w-full flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-xl text-left transition-all active:scale-[0.98] hover:bg-rose-50/70 dark:hover:bg-gray-700/80 hover:shadow-sm"
                         >
                           <span className="text-2xl">{getIcon(log.type)}</span>
                           <div className="flex-1 min-w-0">
@@ -359,8 +359,11 @@ export default function ActivityPage() {
                               ].filter(Boolean).join(" · ")}
                             </div>
                           </div>
-                          <div className="text-sm text-gray-400 flex-shrink-0">
-                            {new Date(log.loggedAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
+                          <div className="flex items-center gap-1.5 flex-shrink-0">
+                            <span className="text-sm text-gray-400">
+                              {new Date(log.loggedAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
+                            </span>
+                            <span className="text-gray-300 dark:text-gray-600 group-hover:text-rose-400 transition-colors text-base leading-none">›</span>
                           </div>
                         </button>
                       ))}
@@ -522,7 +525,7 @@ export default function ActivityPage() {
                     <button
                       key={log.id}
                       onClick={() => { setSelectedLog(log); setDeleteConfirm(false); setDaySheetDate(null); }}
-                      className="w-full flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-xl text-left active:scale-[0.98] transition-transform"
+                      className="group w-full flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-xl text-left transition-all active:scale-[0.98] hover:bg-rose-50 dark:hover:bg-gray-700 hover:shadow-sm"
                     >
                       <span className="text-2xl">{sheetTypeIcon}</span>
                       <div className="flex-1 min-w-0">
@@ -539,7 +542,7 @@ export default function ActivityPage() {
                         <span className="text-sm text-gray-400">
                           {new Date(log.loggedAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
                         </span>
-                        <span className="text-gray-300 text-lg">›</span>
+                        <span className="text-gray-300 dark:text-gray-600 group-hover:text-rose-400 transition-colors text-lg">›</span>
                       </div>
                     </button>
                   ))