diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 42ca4fb..7366dda 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -534,6 +534,9 @@
         position: absolute;
         width: 320px;
     }
+    .menu_buttons.filters{
+        transition: 200ms;
+    }
     .menu_buttons.left.close.filters{
         left: -347px;
         transition: 200ms;
diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css
index c180e8c..5f1f632 100644
--- a/static/css/styles(boris).css
+++ b/static/css/styles(boris).css
@@ -2356,12 +2356,12 @@
     max-height: 83vh;
     left: 0;
     padding: 13px;
-    transition: 200ms;
     /* position: fixed; */
     float: left;
     text-align: left;
     position: absolute;
     top: 293px;
+    transition: 0ms;
 }
 
 .support .menu_buttons.left.open{
diff --git a/static/js/global_js.js b/static/js/global_js.js
index 888f41c..080a970 100644
--- a/static/js/global_js.js
+++ b/static/js/global_js.js
@@ -76,11 +76,20 @@ window.addEventListener('scroll', () => {
 function scroll_ev (event,el){
     let curtain = document.querySelector(".menu_buttons.filters")
     let user_type = getInfoAboutUser()
+    let ch = el.scrollY
+    let top = 293 - ch + 20
     if (user_type !== 'mobile'){
-        if (el.scrollY === 300 || el.scrollY > 300){
-            curtain.style.top = "0"
+        if (el.scrollY === 300){
+            curtain.style.top = `${top}px`
         } else if (el.scrollY < 300) {
-            curtain.style.top = "293px"
+            curtain.style.top = `${top}px`
+        } else if (el.scrollY > 300){
+            top = 15
+            curtain.style.top = `${top}px`
+        }
+        if (el.scrollY === 0){
+            top = 293 - ch
+            curtain.style.top = `${top}px`
         }
     }
 }
\ No newline at end of file