diff --git a/static/app.js b/static/app.js
index 06173e3..73d5825 100644
--- a/static/app.js
+++ b/static/app.js
@@ -458,10 +458,12 @@
           html += '<div class="sync-day">';
           html += '<div class="sync-day-header"><span>' + day.date + '</span></div>';
           day.events.forEach(function(e) {
-            var timeStr = e.time ? ' (' + e.time + ')' : '';
+            var timeStr = e.time ? e.time : '';
+            var dateStr = e.date || '';
             html += '<div class="sync-event">' +
               '<span class="sync-event-icon">📌</span>' +
-              '<span class="sync-event-text">' + esc(e.summary) + '<span class="sync-event-time">' + esc(timeStr) + '</span></span>' +
+              '<span class="sync-event-text">' + esc(e.summary) + '</span>' +
+              '<span class="sync-event-meta">' + esc(dateStr) + (timeStr ? ' ' + esc(timeStr) : '') + '</span>' +
             '</div>';
           });
           html += '</div>';
diff --git a/static/style.css b/static/style.css
index af352a7..b913782 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1461,7 +1461,7 @@ body {
 .sync-event + .sync-event { border-top: 1px solid var(--bg); }
 .sync-event-icon { flex-shrink: 0; }
 .sync-event-text { flex: 1; }
-.sync-event-time { font-size: 11px; color: var(--text-muted); margin-left: 6px; }
+.sync-event-meta { font-size: 11px; color: var(--text-muted); }
 .sync-modal-footer {
   padding: 12px 20px;
   border-top: 1px solid var(--border);