diff --git a/public/script.js b/public/script.js
index ee1e8a916..66a33c350 100644
--- a/public/script.js
+++ b/public/script.js
@@ -162,15 +162,8 @@ const system_avatar = "img/five.png";
 let is_colab = false;
 let is_checked_colab = false;
 let is_mes_reload_avatar = false;
-let optionsPopper = Popper.createPopper(document.getElementById('options_button'), document.getElementById('options'), {
-    modifiers: [
-        {
-            name: 'offset',
-            options: {
-                offset: [-20, -260],
-            },
-        },
-    ],
+let optionsPopper = Popper.createPopper(document.getElementById('send_form'), document.getElementById('options'), {
+    placement: 'top-start'
 });
 
 const durationSaveEdit = 200;
@@ -3735,6 +3728,7 @@ $(document).ready(function () {
             $("#options").css("display") === "none" &&
             $("#options").css("opacity") == 0.0
         ) {
+            optionsPopper.update();
             showBookmarksButtons();
             $("#options").css("display", "block");
             $("#options").transition({
diff --git a/public/style.css b/public/style.css
index 7e6d43536..7e21c84d9 100644
--- a/public/style.css
+++ b/public/style.css
@@ -302,7 +302,6 @@ margin-top:5px;
 .options-content {
     overflow: hidden;
     display: block;
-    position: absolute;
     background-color: var(--black100);
     border: 1px solid #666;
     border-radius: 15px;
@@ -310,7 +309,7 @@ margin-top:5px;
     text-shadow: 0 0 3px black;
     min-width: 200px;
     z-index: 2000;
-    margin-bottom: 13px;
+    margin-bottom: 3px;
 }
 
 .options-content hr {