diff --git a/public/index.html b/public/index.html
index a5143f554..9324e47e1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2492,12 +2492,11 @@
                     </div>
                     <img class="mes_img" src="" />
                 </div>
-                <div title="Stop Streaming" class="mes_stop">
-                    <i class="fa-xl fa-solid fa-circle-stop"></i>
-                </div>
                 <div class="mes_bias"></div>
             </div>
-
+            <div title="Stop Streaming" class="mes_stop">
+                <i class="fa-xl fa-solid fa-circle-stop"></i>
+            </div>
             <div class="swipe_right fa-solid fa-chevron-right">
                 <div class="swipes-counter"></div>
             </div>
diff --git a/public/script.js b/public/script.js
index 964927eb4..38c16338e 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1515,7 +1515,7 @@ class StreamingProcessor {
         }
 
         $(`#chat .mes[mesid="${messageId}"] .mes_stop`).css({ 'display': 'none' });
-        $(`#chat .mes[mesid="${messageId}"] .mes_buttons`).css({ 'display': 'block' });
+        $(`#chat .mes[mesid="${messageId}"] .mes_buttons`).css({ 'display': 'flex' });
     }
 
     onStartStreaming(text) {
diff --git a/public/style.css b/public/style.css
index cb3c04013..4d2c203ef 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2271,12 +2271,14 @@ input[type="range"]::-webkit-slider-thumb {
 
 .mes_stop {
     display: none;
-    float: right;
     cursor: pointer;
     transition: opacity 0.3s ease-in-out;
     height: 20px;
     width: 20px;
     opacity: 0.5;
+    position: absolute;
+    right: 15px;
+    bottom: 15px
 }
 
 .mes_buttons {
@@ -4468,4 +4470,4 @@ body.waifuMode #avatar_zoom_popup {
         overflow-y: auto;
         overflow-x: hidden;
     }
-}
\ No newline at end of file
+}