diff --git a/app/src/components/ModesCard.vue b/app/src/components/ModesCard.vue
index 3404884b80e7f6f3028d5a0af3b18e7eee91161e..837ae03fbb489cb5ebf843c2127e637331a0dbeb 100644
--- a/app/src/components/ModesCard.vue
+++ b/app/src/components/ModesCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-show="tipsplease" class="nodes welcome">
+    <div v-show="showtipsstate" class="nodes welcome">
       <img src="https://alpha.nodenogg.in/files/collect.png" />
 
       <p>
@@ -101,7 +101,7 @@ import SvgButton from '@/components/SvgButton'
 export default {
   data: function () {
     return {
-      tipsplease: true,
+      // showtipsstate: null,
     }
   },
 
@@ -113,13 +113,13 @@ export default {
   },
 
   computed: mapState({
-    hidetipsstate: (state) => state.hidetipsstate,
+    showtipsstate: (state) => state.showtipsstate,
   }),
 
   methods: {
     hideTips() {
-      this.tipsplease = false
-      //  this.hidetipsstate = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/components/ModesCardorg.vue b/app/src/components/ModesCardorg.vue
index 11fbaae021693d17fd5c5516632a045fdf9e5078..ad17bd4afeba8b89234aa720757edaea370a4637 100644
--- a/app/src/components/ModesCardorg.vue
+++ b/app/src/components/ModesCardorg.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-show="tipsplease">
+  <div v-show="showtipsstate">
     <draggable
       class="innernode"
       :w="450"
@@ -169,7 +169,7 @@
         <SvgButton @click="hideTips()" />
       </div>
     </draggable>
-    <div v-show="!tipsplease"></div>
+    <div v-show="!showtipsstate"></div>
   </div>
 </template>
 
@@ -182,7 +182,7 @@ import draggable from '@/experimental/Draggable'
 export default {
   data: function () {
     return {
-      tipsplease: true,
+      // showtipsstate: true,
     }
   },
 
@@ -194,14 +194,14 @@ export default {
   },
 
   computed: mapState({
-    hidetipsstate: (state) => state.hidetipsstate,
+    showtipsstate: (state) => state.showtipsstate,
     scale: (state) => state.ui.scale,
   }),
 
   methods: {
     hideTips() {
-      this.tipsplease = false
-      //  this.hidetipsstate = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/components/TipsLayer.vue b/app/src/components/TipsLayer.vue
index cfeab2bb925579ec21574e324880fd773b8df3b8..32bdf51fc5088e11928c5974a11614c99bbeaff7 100644
--- a/app/src/components/TipsLayer.vue
+++ b/app/src/components/TipsLayer.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="nodes" class="node">
-    <div v-show="tipsplease">
+    <div v-show="showtipsstate">
       <draggable
         class="innernode"
         :w="250"
@@ -21,7 +21,7 @@
       </draggable>
     </div>
 
-    <div v-show="!tipsplease"></div>
+    <div v-show="!showtipsstate"></div>
   </div>
 </template>
 
@@ -35,10 +35,11 @@ export default {
     return {
       nodetext:
         '## Shortcuts 🐢 -> 🐰 \n **n** to create new nodes. </br> **c** create connections </br> **a** or **s** select &amp; move nodes. </br> **m** pan and zoom canvas',
-      tipsplease: true,
+      // showtipsstate: true,
     }
   },
   computed: mapState({
+    showtipsstate: (state) => state.showtipsstate,
     scale: (state) => state.ui.scale,
   }),
   filters: {
@@ -47,7 +48,8 @@ export default {
 
   methods: {
     hideTips() {
-      this.tipsplease = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/experimental/uiStore.js b/app/src/experimental/uiStore.js
index 74f1963e5749fb896e548134dc4325d2285d8bd5..d3d7b7659434bb832b73499898262ffe00075843 100644
--- a/app/src/experimental/uiStore.js
+++ b/app/src/experimental/uiStore.js
@@ -18,7 +18,7 @@ const store = {
       nodes: [],
     },
     mode: 'select',
-    tipshidden: false,
+
     scale: 1,
     translation: {
       x: 0,
diff --git a/app/src/store/index.js b/app/src/store/index.js
index c5c45042a7efa910eb3b1d35dc2920b47345dd6e..1bdc2bafed4fd5f31d9c755be21f1b32bc4bf43a 100644
--- a/app/src/store/index.js
+++ b/app/src/store/index.js
@@ -40,7 +40,7 @@ var remote =
 const store = new Vuex.Store({
   state: {
     shortcutstate: false,
-    hidetipsstate: true,
+    showtipsstate: true,
     //  connectionstate: false,
     version: process.env.VUE_APP_VERSION,
     localnodeid: '',
@@ -414,6 +414,10 @@ const store = new Vuex.Store({
       state.shortcutstate = e
     },
 
+    SHOWTIPS_STATE(state, e) {
+      state.showtipsstate = e
+    },
+
     UPDATE_REMOTE(state, e) {
       state.configRemote = [
         {
@@ -929,6 +933,10 @@ const store = new Vuex.Store({
       commit('SHORTCUT_STATE', e)
     },
 
+    showTipsstate: ({ commit }, e) => {
+      commit('SHOWTIPS_STATE', e)
+    },
+
     // connectionState: ({ commit }, e) => {
     //   commit('CONNECTION_STATE', e)
     // },