diff --git a/packages/app/src/hooks/useUserRemoteConfig/index.jsx b/packages/app/src/hooks/useUserRemoteConfig/index.jsx
index 3d42fc49..0934111b 100644
--- a/packages/app/src/hooks/useUserRemoteConfig/index.jsx
+++ b/packages/app/src/hooks/useUserRemoteConfig/index.jsx
@@ -1,7 +1,12 @@
 import React from "react"
+import lodash from "lodash"
 
 import UserModel from "@models/user"
 
+const pushToServer = lodash.debounce(async (update) => {
+    return await UserModel.updateConfig(update)
+}, 500)
+
 export default (props = {}) => {
     const [firstLoad, setFirstLoad] = React.useState(true)
     const [localData, setLocalData] = React.useState({})
@@ -18,8 +23,8 @@ export default (props = {}) => {
             props.onUpdate(localData)
         }
 
-        const config = await UserModel.updateConfig(update)
-        setLocalData(config)
+        setLocalData(update)
+        pushToServer(update)
     }
 
     return [