diff --git a/public/index.html b/public/index.html
index 932c4dafb..3e19d2c88 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2701,12 +2701,12 @@
                         <div class="extraMesButtonsHint fa-solid fa-ellipsis"></div>
                         <div class="extraMesButtons">
                             <div title="Translate message" class="mes_translate fa-solid fa-language"></div>
-                            <div title="Open bookmark chat" class="mes_bookmark fa-solid fa-bookmark"></div>
                             <div title="Generate Image" class="sd_message_gen fa-solid fa-paintbrush"></div>
                             <div title="Narrate" class="mes_narrate fa-solid fa-bullhorn"></div>
                             <div title="Prompt" class="mes_prompt fa-solid fa-square-poll-horizontal "></div>
                             <div title="Copy" class="mes_copy fa-solid fa-copy "></div>
                         </div>
+                        <div title="Open bookmark chat" class="mes_bookmark fa-solid fa-bookmark"></div>
                         <div title="Edit" class="mes_edit fa-solid fa-pencil "></div>
                     </div>
                     <div class="mes_edit_buttons">
diff --git a/public/style.css b/public/style.css
index 8b486b60b..2b88f2304 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2310,6 +2310,7 @@ input[type="range"]::-webkit-slider-thumb {
 }
 
 .mes_buttons .mes_edit,
+.mes_buttons .mes_bookmark,
 .extraMesButtonsHint,
 .extraMesButtons div {
     cursor: pointer;
@@ -2319,6 +2320,7 @@ input[type="range"]::-webkit-slider-thumb {
 }
 
 .mes_buttons .mes_edit:hover,
+.mes_buttons .mes_bookmark:hover,
 .extraMesButtonsHint:hover,
 .extraMesButtons div:hover {
     opacity: 1;
@@ -4498,4 +4500,4 @@ body.waifuMode #avatar_zoom_popup {
         overflow-y: auto;
         overflow-x: hidden;
     }
-}
\ No newline at end of file
+}