diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 609a778..62467fb 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -54,7 +54,7 @@
                                                 <div class="input-group">
                                                     <input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password">
                                                     <div class="input-group-append">
-                                                        <button class="btn btn-default waves-effect waves-themed" type="button" id="button-addon5"><i class="fal fa-eye"></i></button>
+                                                        <button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
                                                     </div>
                                                 </div>
                                             </div>
@@ -84,6 +84,22 @@
         <script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
         <script src="{{asset('assets/js/app.bundle.js')}}"></script>
         <script>
+            $(document).ready(function() {
+                $('#togglePassword').on('click', function() {
+                    let passwordField = $('#password');
+                    let icon = $(this).find('i');
+
+                    // Cek apakah input saat ini bertipe password
+                    if (passwordField.attr('type') === 'password') {
+                        passwordField.attr('type', 'text'); // Ubah ke teks
+                        icon.removeClass('fa-eye').addClass('fa-eye-slash'); // Ganti ikon
+                    } else {
+                        passwordField.attr('type', 'password'); // Ubah ke password
+                        icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
+                    }
+                });
+            });
+                        
             $("#js-login-btn").click(function(event)
             {
 
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 6de7fbc..468a151 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -105,7 +105,7 @@
                                                 <div class="input-group">
                                                     <input type="password" id="password" name="password" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
                                                     <div class="input-group-append">
-                                                        <button class="btn btn-default waves-effect waves-themed" type="button" id="button-addon5"><i class="fal fa-eye"></i></button>
+                                                        <button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
                                                     </div>
                                                 </div>
                                                 <div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
@@ -138,6 +138,21 @@
         <script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
         <script src="{{asset('assets/js/app.bundle.js')}}"></script>
         <script>
+            $(document).ready(function() {
+                $('#togglePassword').on('click', function() {
+                    let passwordField = $('#password');
+                    let icon = $(this).find('i');
+
+                    // Cek apakah input saat ini bertipe password
+                    if (passwordField.attr('type') === 'password') {
+                        passwordField.attr('type', 'text'); // Ubah ke teks
+                        icon.removeClass('fa-eye').addClass('fa-eye-slash'); // Ganti ikon
+                    } else {
+                        passwordField.attr('type', 'password'); // Ubah ke password
+                        icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
+                    }
+                });
+            });
             $("#js-login-btn").click(function(event)
             {