diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index df0607402..6fd3699a3 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -309,10 +309,12 @@ export default {
   methods: {
     handleScroll() {
       const currentScrollPos = window.pageYOffset
-      if (this.prevScrollpos > currentScrollPos) {
-        this.hideNavbar = false
-      } else {
-        this.hideNavbar = true
+      if (this.prevScrollpos > 50) {
+        if (this.prevScrollpos > currentScrollPos) {
+          this.hideNavbar = false
+        } else {
+          this.hideNavbar = true
+        }
       }
       this.prevScrollpos = currentScrollPos
     },
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 0f6583bb8..67ad457c0 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -214,11 +214,13 @@ export default {
     },
     handleScroll() {
       const currentScrollPos = window.pageYOffset
-      if (this.prevScrollpos > currentScrollPos) {
-        this.hideByScroll = false
-      } else {
-        if (!this.showFilter) {
-          this.hideByScroll = true
+      if (this.prevScrollpos > 50) {
+        if (this.prevScrollpos > currentScrollPos) {
+          this.hideByScroll = false
+        } else {
+          if (!this.showFilter) {
+            this.hideByScroll = true
+          }
         }
       }
       this.prevScrollpos = currentScrollPos