diff --git a/web/store/application/app-config.store.ts b/web/store/application/app-config.store.ts
index 3a4d9efc0..cffe8ec17 100644
--- a/web/store/application/app-config.store.ts
+++ b/web/store/application/app-config.store.ts
@@ -1,6 +1,6 @@
 import { observable, action, makeObservable, runInAction } from "mobx";
 // types
-import { RootStore } from "./root";
+import { RootStore } from "../root.store";
 import { IAppConfig } from "types/app";
 // services
 import { AppConfigService } from "services/app_config.service";
diff --git a/web/store/application/index.ts b/web/store/application/index.ts
index f1a4f401c..8e8c58087 100644
--- a/web/store/application/index.ts
+++ b/web/store/application/index.ts
@@ -1,3 +1,5 @@
+import { RootStore } from "../root.store";
+
 export class AppRootStore {
   config;
   commandPalette;
@@ -5,11 +7,11 @@ export class AppRootStore {
   instance;
   theme;
 
-  constructor() {
-    this.config = new ConfigStore();
-    this.commandPalette = new CommandPaletteStore();
-    this.eventTracker = new EventTrackerStore();
-    this.instance = new InstanceStore();
-    this.theme = new ThemeStore();
+  constructor(rootStore: RootStore) {
+    this.config = new ConfigStore(rootStore);
+    this.commandPalette = new CommandPaletteStore(rootStore);
+    this.eventTracker = new EventTrackerStore(rootStore);
+    this.instance = new InstanceStore(rootStore);
+    this.theme = new ThemeStore(rootStore);
   }
 }
diff --git a/web/store/root.store.ts b/web/store/root.store.ts
index e303cf495..c2045cacc 100644
--- a/web/store/root.store.ts
+++ b/web/store/root.store.ts
@@ -5,7 +5,7 @@ import { AppRootStore } from "./application";
 enableStaticRendering(typeof window === "undefined");
 
 export class RootStore {
-  app;
+  app: AppRootStore;
   user;
   workspace;
   project;