diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index dec37de..793c171 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -622,7 +622,7 @@ pub fn App() -> impl IntoView {
                             </div>
                         </div>
                         <div class="flex gap-3">
-                            <Button class="flex-1" on_click=Callback::from(move |_| add_torrent())>
+                            <Button class="flex-1" on_click=Callback::from(move |e| add_torrent(e))>
                                 "Add Download"
                             </Button>
                         </div>
diff --git a/frontend/src/components/ui/button.rs b/frontend/src/components/ui/button.rs
index a608249..1b3e5c2 100644
--- a/frontend/src/components/ui/button.rs
+++ b/frontend/src/components/ui/button.rs
@@ -25,7 +25,7 @@ pub enum ButtonSize {
 pub fn Button(
     #[prop(into, optional)] variant: ButtonVariant,
     #[prop(into, optional)] size: ButtonSize,
-    #[prop(into, optional)] class: String,
+    #[prop(into, optional)] class: MaybeSignal<String>,
     #[prop(into, optional)] on_click: Option<Callback<web_sys::MouseEvent>>,
     children: Children,
 ) -> impl IntoView {
@@ -49,7 +49,7 @@ pub fn Button(
 
     view! {
         <button
-            class=cn(format!("{} {} {} {}", base_classes, variant_classes, size_classes, class))
+            class=move || cn(format!("{} {} {} {}", base_classes, variant_classes, size_classes, class.get()))
             on:click=move |e| {
                 if let Some(cb) = on_click {
                     cb.call(e);