diff --git a/app/src/sidebar.rs b/app/src/sidebar.rs
index 42784a3..a8c95b0 100644
--- a/app/src/sidebar.rs
+++ b/app/src/sidebar.rs
@@ -304,16 +304,19 @@ fn Sidebar(props: &SidebarProps) -> Html {
                                     };
                                     html! {
                                         <li class="nav-item w-100">
-                                            <a href="#" class={classes!(
-                                                        "nav-link",
-                                                        "text-white",
-                                                        active,
-                                                    )}>
+                                            <Link<Route>
+                                                classes={classes!(
+                                                    "nav-link",
+                                                    "text-white",
+                                                    active,
+                                                )}
+                                                to={e.page}
+                                            >
                                                 <i class={classes!("fs-4", e.icon)}></i>
                                                 <span class={classes!("ms-2", "d-none", "d-sm-inline")}>
                                                     {e.label}
                                                 </span>
-                                            </a>
+                                            </Link<Route>>
                                         </li>
                                     }
                                 })