diff --git a/packages/frontend/core/src/components/pure/workspace-slider-bar/workspace-card/index.tsx b/packages/frontend/core/src/components/pure/workspace-slider-bar/workspace-card/index.tsx
index 1fef59aa3ccf6..ddaa00e087325 100644
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/workspace-card/index.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/workspace-card/index.tsx
@@ -97,9 +97,16 @@ const useSyncEngineSyncProgress = () => {
   useEffect(() => {
     setSyncEngineStatus(currentWorkspace.engine.sync.status);
     const disposable = currentWorkspace.engine.sync.onStatusChange.on(
-      debounce(status => {
-        setSyncEngineStatus(status);
-      }, 500)
+      debounce(
+        status => {
+          setSyncEngineStatus(status);
+        },
+        300,
+        {
+          maxWait: 500,
+          trailing: true,
+        }
+      )
     );
     return () => {
       disposable?.dispose();