diff --git a/public/index.html b/public/index.html
index 4470c3f52..0a8e6a7fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2033,32 +2033,36 @@
     <div id="options" class="font-family-reset">
         <div class="options-content">
             <a id="option_back_to_main">
-                <div class="fa-lg fa-solid fa-left-long"></div>
+                <i class="fa-lg fa-solid fa-left-long"></i>
                 <span>Back to parent chat</span>
             </a>
             <a id="option_new_bookmark">
-                <div class="fa-lg fa-solid fa-bookmark"></div>
+                <i class="fa-lg fa-solid fa-bookmark"></i>
                 <span>Save bookmark</span>
             </a>
+            <a id="option_convert_to_group">
+                <i class="fa-lg fa-solid fa-people-arrows"></i>
+                <span>Convert to group</span>
+            </a>
             <a id="option_start_new_chat">
-                <div class="fa-lg fa-solid fa-comment-dots"></div>
+                <i class="fa-lg fa-solid fa-comment-dots"></i>
                 <span>Start new chat</span>
             </a>
             <a id="option_select_chat">
-                <div class="fa-lg fa-solid fa-address-book"></div>
+                <i class="fa-lg fa-solid fa-address-book"></i>
                 <span>View past chats</span>
             </a>
             <hr>
             <a id="option_delete_mes">
-                <div class="fa-lg fa-solid fa-trash-can"></div>
+                <i class="fa-lg fa-solid fa-trash-can"></i>
                 <span>Delete messages</span>
             </a>
             <a id="option_impersonate" title="Ask AI to write your message for you">
-                <div class="fa-lg fa-solid fa-user-secret"></div>
+                <i class="fa-lg fa-solid fa-user-secret"></i>
                 <span>Impersonate</span>
             </a>
             <a id="option_regenerate">
-                <div class="fa-lg fa-solid fa-repeat "></div>
+                <i class="fa-lg fa-solid fa-repeat"></i>
                 <span>Regenerate</span>
             </a>
         </div>
diff --git a/public/scripts/bookmarks.js b/public/scripts/bookmarks.js
index 102dbc8e4..0ab4f80aa 100644
--- a/public/scripts/bookmarks.js
+++ b/public/scripts/bookmarks.js
@@ -77,22 +77,26 @@ function showBookmarksButtons() {
         if (selected_group || !characters[this_chid].chat) {
             $("#option_back_to_main").hide();
             $("#option_new_bookmark").hide();
+            $("#option_convert_to_group").hide();
         }
         // In main chat
         else if (!chat_metadata['main_chat']) {
             $("#option_back_to_main").hide();
             $("#option_new_bookmark").show();
+            $("#option_convert_to_group").show();
 
         }
         // In bookmark chat
         else {
             $("#option_back_to_main").show();
             $("#option_new_bookmark").show();
+            $("#option_convert_to_group").show();
         }
     }
     catch {
         $("#option_back_to_main").hide();
         $("#option_new_bookmark").hide();
+        $("#option_convert_to_group").hide();
     }
 }
 
diff --git a/public/style.css b/public/style.css
index a8123c84d..b9927d98c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -402,6 +402,14 @@ code {
     margin-bottom: 3px;
 }
 
+.options-content i {
+    height: 20px;
+    width: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .options-content hr {
     margin: 0;
     padding: 0;