diff --git a/files/assets/js/mobile_navigation_bar.js b/files/assets/js/mobile_navigation_bar.js
index b04268129..0b5003eb3 100644
--- a/files/assets/js/mobile_navigation_bar.js
+++ b/files/assets/js/mobile_navigation_bar.js
@@ -8,14 +8,14 @@ document.getElementsByTagName('body')[0].onscroll = () => {
 	// var navbar = document.getElementById("navbar");
 
 	if (bottomBar != null) {
-		if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) >= (document.body.offsetHeight - 100)) {
-			bottomBar.style.transform = "translateY(0px)"
-			console.log('test 1')
-		} 
-		else if (currentScrollPos <= 60 && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 100)) {
+		if (currentScrollPos <= 60 && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 100)) {
 			bottomBar.style.transform = "translateY(60px)";
 			console.log('test 2')
 		}
+		else if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) >= (document.body.offsetHeight - 100)) {
+			bottomBar.style.transform = "translateY(0px)"
+			console.log('test 1')
+		}
 		else if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) >= (document.body.offsetHeight - 100)) {
 			bottomBar.style.transform = "translateY(0px)"
 			console.log('test 3')
diff --git a/files/templates/default.html b/files/templates/default.html
index 0a0ed7837..fcdcbe812 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -332,7 +332,7 @@
 <script src="/assets/js/gif_modal.js?v=56"></script>
 <script src="/assets/js/emoji_modal.js?v=142"></script>
 
-<script src="/assets/js/mobile_navigation_bar.js?v=82"></script>
+<script src="/assets/js/mobile_navigation_bar.js?v=83"></script>
 
 {% if v %}
 	<script>function formkey() {return '{{v.formkey}}';}</script>