diff --git a/frontend/src/components/ui/sidenav.rs b/frontend/src/components/ui/sidenav.rs
index deb3127..519c9f0 100644
--- a/frontend/src/components/ui/sidenav.rs
+++ b/frontend/src/components/ui/sidenav.rs
@@ -54,12 +54,12 @@ pub enum SidenavMenuButtonVariant { #[default] Default, Outline }
 pub fn SidenavMenuButton(
     children: Children,
     #[prop(into, optional)] variant: Signal<SidenavMenuButtonVariant>,
-    #[prop(into, optional)] class: String,
+    #[prop(into, optional)] class: Signal<String>,
 ) -> impl IntoView {
     let class_signal = move || tw_merge!(
         "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
         if variant.get() == SidenavMenuButtonVariant::Outline { "border border-input bg-background shadow-xs" } else { "" },
-        class.clone()
+        class.get()
     );
     view! { <button class=class_signal>{children()}</button> }
 }