diff --git a/src/renderer-queue.ts b/src/renderer-queue.ts
index e895179..1ac08a7 100644
--- a/src/renderer-queue.ts
+++ b/src/renderer-queue.ts
@@ -552,7 +552,7 @@ function renderQueue(): void {
                         <div class="queue-progress-bar${progressClass}" style="width: ${progressValue}%;"></div>
                     </div>
                     <div class="queue-progress-text">${safeProgressText}</div>
-                    <div class="queue-details" id="details-${item.id}" style="display:${expandedQueueIds.has(item.id) ? 'block' : 'none'}">
+                    <div class="queue-details${expandedQueueIds.has(item.id) ? ' expanded' : ''}" id="details-${item.id}">
                         <div><span class="queue-detail-label">URL:</span> ${escapeHtml(item.url)}</div>
                         <div><span class="queue-detail-label">${escapeHtml(UI_TEXT.queue.detailStreamer)}</span> ${escapeHtml(item.streamer)}</div>
                         <div><span class="queue-detail-label">${escapeHtml(UI_TEXT.queue.detailDuration)}</span> ${escapeHtml(item.duration_str)}</div>
diff --git a/src/styles.css b/src/styles.css
index cabc77b..2dc61ca 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1088,12 +1088,17 @@ select option {
 }
 
 .queue-details {
+    display: none;
     font-size: 10px;
     color: var(--text-secondary);
     padding: 4px 0;
     word-break: break-all;
 }
 
+.queue-details.expanded {
+    display: block;
+}
+
 .queue-details div {
     margin-bottom: 2px;
 }