diff --git a/src/pages/login.rs b/src/pages/login.rs
index fedd27f..e7e5aa0 100644
--- a/src/pages/login.rs
+++ b/src/pages/login.rs
@@ -10,6 +10,7 @@ use crate::locales::trl;
 pub fn Login() -> impl IntoView {
     let login = ServerAction::<Login>::new();
     let login_val = Signal::derive(move || login.value().get());
+    let show_password = RwSignal::new(false);
     view! {
       <Link rel="stylesheet" href="/vendor/css/pages/page-auth.css" />
       <div class="authentication-wrapper authentication-basic container-p-y">
@@ -50,13 +51,15 @@ pub fn Login() -> impl IntoView {
                   </div>
                   <div class="input-group input-group-merge">
                     <input
-                      type="password"
+                      type=move || if show_password.get() {"text"} else {"password"}
                       id="password"
                       class="form-control"
                       name="password"
                       aria-describedby="password"
                     />
-                    <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
+                    <span class="input-group-text cursor-pointer" on:click=move |_| show_password.update(|show| *show = !*show)>
+                      <i class=move || if show_password.get() {"bx bx-show"} else {"bx bx-hide"}></i>
+                    </span>
                   </div>
                 </div>
                 <div class="mb-3">