diff --git a/src/views/ProfilAdmin.vue b/src/views/ProfilAdmin.vue
index 939ef700f0baa4ad0fd05e4355373c66ce214ad0..77608b071968001bda1c4ec4f7a770f8fa07751a 100644
--- a/src/views/ProfilAdmin.vue
+++ b/src/views/ProfilAdmin.vue
@@ -26,7 +26,9 @@
               </tr>
             </tbody>
           </table>
-          <button class="btn-red mt-5 p-2 px-4">Ubah Password</button>
+          <router-link :to="{ path: '/change-pass' }" style="text-decoration: none">
+            <button class="btn-red mt-5 p-2 px-4">Ubah Password</button>
+          </router-link>
         </div>
       </div>
     </div>
diff --git a/src/views/ProfilUser.vue b/src/views/ProfilUser.vue
index 660935627d2ec3e00fd817c07b03dad9b68a8fd3..f3c0e9f16590853454341d7d282982b0893333ee 100644
--- a/src/views/ProfilUser.vue
+++ b/src/views/ProfilUser.vue
@@ -44,7 +44,9 @@
               </tr>
             </tbody>
           </table>
-          <button class="btn-red mt-5 p-2 px-4">Ubah Password</button>
+          <router-link :to="{ path: '/change-pass' }" style="text-decoration: none">
+            <button class="btn-red mt-5 p-2 px-4">Ubah Password</button>
+          </router-link>
         </div>
       </div>
     </div>