diff --git a/public/index.html b/public/index.html
index f47fc7c39..46f15de94 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2304,7 +2304,7 @@
                                 <input id="your_name" name="your_name" placeholder="Enter your name" class="text_pole wide100p" maxlength="50" value="" autocomplete="off">
                                 <div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name">
                                 </div>
-                                <div id="lock_user_name" class="menu_button fa-solid fa-lock" title="Click to lock your selected persona to the current chat. Click again to remove the lock.">
+                                <div id="lock_user_name" class="menu_button fa-solid fa-unlock" title="Click to lock your selected persona to the current chat. Click again to remove the lock.">
                                 </div>
                                 <div id="sync_name_button" class="menu_button fa-solid fa-sync" title="Click to set user name for all messages">
                                 </div>
diff --git a/public/script.js b/public/script.js
index 64011f190..86f75a1af 100644
--- a/public/script.js
+++ b/public/script.js
@@ -4071,8 +4071,8 @@ async function bindUserNameToPersona() {
 
 function updateUserLockIcon() {
     const hasLock = !!chat_metadata['persona'];
-    $('#lock_user_name').toggleClass('fa-lock', !hasLock);
-    $('#lock_user_name').toggleClass('fa-unlock', hasLock);
+    $('#lock_user_name').toggleClass('fa-unlock', !hasLock);
+    $('#lock_user_name').toggleClass('fa-lock', hasLock);
 }
 
 function setUserAvatar() {