diff --git a/crates/web/assets/app.css b/crates/web/assets/app.css
index f4def21..eff0f5f 100644
--- a/crates/web/assets/app.css
+++ b/crates/web/assets/app.css
@@ -11,7 +11,10 @@ body { font-family: system-ui, sans-serif; margin: 0; color: #1a1a1a; height: 10
 .topics { display: flex; flex-wrap: wrap; gap: 0.3rem; }
 .error { color: #b00020; }
 .subscribe-form { display: flex; gap: 0.5rem; margin: 1rem 0; min-width: 0; }
-.subscribe-form .dx-input { flex: 1; min-width: 0; }
+/* Target the raw tag, not the component's own class: dioxus's #[css_module]
+   content-hashes Input's class per build (e.g. "dx-input-83f82cbc"), so a
+   selector on the unhashed name never matches anything. */
+.subscribe-form input { flex: 1 1 0; min-width: 0; }
 .subscribe-status { margin: 0.25rem 0 1rem; font-size: 0.9rem; }
 .subscribe-status.success { color: #1a7f37; }
 .subscribe-status.error { color: #b00020; }