From 06d31c2f86811d1ac4121c9fcbd98129c8ded60d Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 23:37:09 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/calendar.index.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/routes/calendar.index.tsx b/src/routes/calendar.index.tsx
index dc69a97..3a62074 100644
--- a/src/routes/calendar.index.tsx
+++ b/src/routes/calendar.index.tsx
@@ -883,17 +883,25 @@ function MonthGrid({
               <div className="space-y-0.5">
                 {dayEvts.slice(0, 3).map((e) => {
                   const meta = typeMeta(e.event_type);
+                  const initials = ownerInitials(e.owner_name);
                   return (
                     <div
                       key={`${e.source}-${e.id}`}
                       className={cn(
-                        "text-[10px] leading-tight px-1.5 py-0.5 rounded truncate text-white",
+                        "text-[10px] leading-tight px-1.5 py-0.5 rounded truncate text-white flex items-center gap-1",
                         meta.bg,
                       )}
-                      title={e.title}
+                      title={`${e.title}${e.owner_name ? ` — ${e.owner_name}` : ""}`}
                     >
-                      {!e.all_day && formatInEST(e.start, "h:mma ")}
-                      {e.title}
+                      {initials && (
+                        <span className="shrink-0 text-[9px] font-semibold bg-white/25 rounded px-1 leading-tight">
+                          {initials}
+                        </span>
+                      )}
+                      <span className="truncate">
+                        {!e.all_day && formatInEST(e.start, "h:mma ")}
+                        {e.title}
+                      </span>
                     </div>
                   );
                 })}