diff --git a/changelog.d/temp-changes.skip b/changelog.d/temp-changes.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/modules/config.js b/src/modules/config.js
index e515b9fe4..92898a3de 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -109,15 +109,15 @@ const config = {
 
       const confirm = () => {
         dispatch('setOption', { name, value })
-        commit('clearTemporaryChanges')
+        useInterfaceStore().clearTemporaryChanges()
       }
 
       const revert = () => {
         commit('setOptionTemporarily', { name, value: oldValue })
-        commit('clearTemporaryChanges')
+        useInterfaceStore().clearTemporaryChanges()
       }
 
-      commit('setTemporaryChanges', {
+      useInterfaceStore().setTemporaryChanges({
         timeoutId: setTimeout(revert, 10000),
         confirm,
         revert
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 6485c724a..c8fc40392 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -44,6 +44,17 @@ export const useInterfaceStore = defineStore('interface', {
     lastTimeline: null
   }),
   actions: {
+    setTemporaryChanges ({ timeoutId, confirm, revert }) {
+      this.temporaryChangesTimeoutId = timeoutId
+      this.temporaryChangesConfirm = confirm
+      this.temporaryChangesRevert = revert
+    },
+    clearTemporaryChanges () {
+      clearTimeout(this.temporaryChangesTimeoutId)
+      this.temporaryChangesTimeoutId = null
+      this.temporaryChangesConfirm = () => {}
+      this.temporaryChangesRevert = () => {}
+    },
     setPageTitle (option = '') {
       try {
         document.title = `${option} ${window.vuex.state.instance.name}`