diff --git a/web-src/src/components/TabsSearch.vue b/web-src/src/components/TabsSearch.vue
index ace4268f..23acc8df 100644
--- a/web-src/src/components/TabsSearch.vue
+++ b/web-src/src/components/TabsSearch.vue
@@ -30,6 +30,8 @@
 </template>
 
 <script>
+import * as types from '@/store/mutation_types'
+
 export default {
   name: 'TabsSearch',
 
@@ -56,7 +58,7 @@ export default {
 
   methods: {
     search_library: function () {
-      this.$store.state.search_path = '/search/library'
+      this.$store.commit(types.SEARCH_PATH, '/search/library')
       this.$router.push({
         path: this.$store.state.search_path,
         query: this.route_query
@@ -64,7 +66,7 @@ export default {
     },
 
     search_spotify: function () {
-      this.$store.state.search_path = '/search/spotify'
+      this.$store.commit(types.SEARCH_PATH, '/search/spotify')
       this.$router.push({
         path: this.$store.state.search_path,
         query: this.route_query
diff --git a/web-src/src/store/index.js b/web-src/src/store/index.js
index ccbdc3ad..2c3e04c7 100644
--- a/web-src/src/store/index.js
+++ b/web-src/src/store/index.js
@@ -207,6 +207,9 @@ export default createStore({
         state.notifications.list.splice(index, 1)
       }
     },
+    [types.SEARCH_PATH](state, searchPath) {
+      state.search_path = searchPath
+    },
     [types.ADD_RECENT_SEARCH](state, query) {
       const index = state.recent_searches.findIndex((elem) => elem === query)
       if (index >= 0) {
diff --git a/web-src/src/store/mutation_types.js b/web-src/src/store/mutation_types.js
index 10b5b51a..04fcf198 100644
--- a/web-src/src/store/mutation_types.js
+++ b/web-src/src/store/mutation_types.js
@@ -17,6 +17,8 @@ export const SPOTIFY_FEATURED_PLAYLISTS = 'SPOTIFY_FEATURED_PLAYLISTS'
 
 export const ADD_NOTIFICATION = 'ADD_NOTIFICATION'
 export const DELETE_NOTIFICATION = 'DELETE_NOTIFICATION'
+
+export const SEARCH_PATH = 'SEARCH_PATH'
 export const ADD_RECENT_SEARCH = 'ADD_RECENT_SEARCH'
 
 export const HIDE_SINGLES = 'HIDE_SINGLES'