diff --git a/web/src/style.css b/web/src/style.css
index f0610e3..8fc99f4 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -1353,6 +1353,16 @@ body.zen .content { gap: 0.3rem; }
 #discovery-options select:hover { background: #ffffff12; }
 #discovery-options select option { color: #fff; background: #18181b; }
 #active-filters { top: 7.8rem; }
+/* Keep chart options centered while active filters sit alongside them. */
+@media (min-width: 641px) {
+  body:has(#discovery-options:not([hidden])) #active-filters {
+    top: 4.8rem; left: calc(50% + 7rem); transform: none;
+    max-width: calc(50vw - 8rem); min-height: 2.4rem;
+    overflow: hidden; text-overflow: ellipsis;
+  }
+}
+#active-filters { max-width: calc(100vw - 2rem); overflow: hidden; text-overflow: ellipsis; border: 1px solid #ffffff24; border-radius: 999px; color: var(--fg); }
+#active-filters:hover { background: #303034; border-color: #ffffff50; }
 .time { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.75rem 0.5rem; }
 .time .cur { grid-column: 1; grid-row: 1; justify-self: start; }
 .time .counts { grid-column: 2; grid-row: 1; text-align: center; overflow-wrap: anywhere; }