diff --git a/app/src/components/app.rs b/app/src/components/app.rs
index 848c7a3..2caf5e9 100644
--- a/app/src/components/app.rs
+++ b/app/src/components/app.rs
@@ -302,6 +302,7 @@ impl App {
                   if let Some((user_id, _)) = &self.user_info {
                     html! {
                       <div class="dropdown text-end">
+                        <input class="form-check-input" onclick={Callback::from(move |_| toggleDarkMode(true))} type="checkbox" id="darkModeToggle"/>
                         <a href="#"
                           class="d-block text-body text-decoration-none dropdown-toggle"
                           id="dropdownUser"