diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index c63bba4fe..dce7de88a 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -300,10 +300,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 37c07eeab..55a0b8931 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -213,11 +213,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