diff --git a/src/renderer-queue.ts b/src/renderer-queue.ts
index c167763..e895179 100644
--- a/src/renderer-queue.ts
+++ b/src/renderer-queue.ts
@@ -45,9 +45,9 @@ function renderQueueItemFileActions(item: QueueItem): string {
         : `${escapeHtml(UI_TEXT.queue.outputFilesLabel.replace('{count}', String(item.outputFiles.length)))}`;
 
     return `
-        <div class="queue-output-row" style="display:flex; gap:6px; margin-top:6px; flex-wrap:wrap; align-items:center;">
+        <div class="queue-output-row">
             ${buttons.join('')}
-            <span style="color: var(--text-secondary,#888); font-size:11px; word-break:break-all;">${fileLabel}</span>
+            <span class="queue-output-label">${fileLabel}</span>
         </div>
     `;
 }
diff --git a/src/styles.css b/src/styles.css
index 4bd1299..782306f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -4451,3 +4451,21 @@ input[type="number"]::-webkit-outer-spin-button {
     margin: 4px 6px;
     background: var(--border-soft);
 }
+
+/* Output-row appended to the queue-item detail panel when a job
+   completed. Lists the file actions (Open file / Show in folder /
+   View chat / View events) followed by a tiny secondary-colour file
+   label. */
+.queue-output-row {
+    display: flex;
+    gap: 6px;
+    margin-top: 6px;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.queue-output-label {
+    color: var(--text-secondary);
+    font-size: 11px;
+    word-break: break-all;
+}