diff --git a/src/index.html b/src/index.html
index a36484e..722789d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -273,7 +273,7 @@
                             <option value="duration_asc">Shortest first</option>
                         </select>
                         <span id="vodFilterCount" style="color: var(--text-secondary); font-size:12px; min-width:80px;"></span>
-                        <label id="vodHideDownloadedLabel" style="display:flex; align-items:center; gap:6px; color: var(--text-secondary); font-size:12px; cursor:pointer; user-select:none;" title="">
+                        <label id="vodHideDownloadedLabel" class="inline-toggle" title="">
                             <input type="checkbox" id="vodHideDownloadedToggle" onchange="onVodHideDownloadedChange()">
                             <span id="vodHideDownloadedText">Hide downloaded</span>
                         </label>
diff --git a/src/styles.css b/src/styles.css
index 248f751..801c9d6 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1952,6 +1952,20 @@ select option {
     margin-left: 22px;
 }
 
+/* Compact horizontal-row toggle — used in filter rows where the
+   toggle sits alongside other controls (Hide downloaded, etc).
+   Tighter gap + secondary colour + tiny font to fit a tool-row
+   without dominating it. */
+.inline-toggle {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    color: var(--text-secondary);
+    font-size: 12px;
+    cursor: pointer;
+    user-select: none;
+}
+
 /* Sidebar queue empty state — small dashed-border card matching the
    sibling streamer-list empty state. */
 .queue-empty {