diff --git a/webui/src/web-components/sketch-timeline-message.ts b/webui/src/web-components/sketch-timeline-message.ts
index 0fa79fb..3fe519f 100644
--- a/webui/src/web-components/sketch-timeline-message.ts
+++ b/webui/src/web-components/sketch-timeline-message.ts
@@ -431,6 +431,11 @@
     .pre-compaction .message-content {
       background: rgba(255, 255, 255, 0.7);
       backdrop-filter: blur(1px);
+      color: #333; /* Ensure dark text for readability */
+    }
+
+    .pre-compaction .message-text {
+      color: #333; /* Ensure dark text in message content */
     }
 
     /* Make message type display bold but without the IRC-style markers */