diff --git a/src/renderer.ts b/src/renderer.ts
index 8a070d9..b0870c5 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -345,9 +345,7 @@ function renderEventsList(events: EventLogEntry[]): void {
     list.replaceChildren();
     if (events.length === 0) {
         const empty = document.createElement('div');
-        empty.style.color = 'var(--text-secondary)';
-        empty.style.padding = '12px';
-        empty.style.textAlign = 'center';
+        empty.className = 'event-viewer-empty';
         empty.textContent = UI_TEXT.queue.viewEventsEmpty;
         list.appendChild(empty);
         return;
diff --git a/src/styles.css b/src/styles.css
index 2dc61ca..608f3c6 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3865,6 +3865,14 @@ input[type="number"]::-webkit-outer-spin-button {
     font-family: 'Consolas', 'Segoe UI Mono', monospace;
 }
 
+/* Empty state inside the events-viewer modal — shown when an events
+   file exists but contains no parsed entries. */
+.event-viewer-empty {
+    color: var(--text-secondary);
+    padding: 12px;
+    text-align: center;
+}
+
 .event-viewer-tag {
     font-weight: 600;
     margin-right: 8px;