diff --git a/web/src/store/view.ts b/web/src/store/view.ts
index 82a8b4acb..065f004b8 100644
--- a/web/src/store/view.ts
+++ b/web/src/store/view.ts
@@ -4,6 +4,7 @@
  * Manages UI display preferences and layout settings.
  * This is a client state store that persists to localStorage.
  */
+import { makeObservable, observable } from "mobx";
 import { StandardState } from "./base-store";
 
 const LOCAL_STORAGE_KEY = "memos-view-setting";
@@ -30,6 +31,14 @@ class ViewState extends StandardState {
    */
   layout: LayoutMode = "LIST";
 
+  constructor() {
+    super();
+    makeObservable(this, {
+      orderByTimeAsc: observable,
+      layout: observable,
+    });
+  }
+
   /**
    * Override setPartial to persist to localStorage
    */