diff --git a/src/components/Navbar/BaseNav.vue b/src/components/Navbar/BaseNav.vue
index 81400f6..f1c3165 100644
--- a/src/components/Navbar/BaseNav.vue
+++ b/src/components/Navbar/BaseNav.vue
@@ -112,7 +112,9 @@ export default {
   },
   methods: {
     toggleMenu() {
-      this.$emit('change', !this.show);
+	  // this method is immediately hiding the navbar.
+	  // @change and :show is also not used by default, so this can be removed
+      //this.$emit('change', !this.show);
     },
     closeMenu() {
       this.$emit('change', false);
diff --git a/src/views/Pages/AuthLayout.vue b/src/views/Pages/AuthLayout.vue
index 515e2f5..46db055 100755
--- a/src/views/Pages/AuthLayout.vue
+++ b/src/views/Pages/AuthLayout.vue
@@ -22,7 +22,7 @@
              </router-link>
            </b-col>
            <b-col cols="6" class="collapse-close">
-             <button type="button" class="navbar-toggler" @click="showMenu = false">
+             <button type="button" class="navbar-toggler" @click="showMenu = false" v-b-toggle.nav-text-collapse>
                <span></span>
                <span></span>
              </button>