diff --git a/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts b/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts
index c35959fbfe..2a1c389154 100644
--- a/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts
+++ b/packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts
@@ -15,7 +15,7 @@ const setupRootMacClassnameInjectable = getInjectable({
const isMac = di.inject(isMacInjectable);
const rootElem = di.inject(rootElementInjectable);
- rootElem.classList.toggle("is-mac", isMac);
+ rootElem?.classList.toggle("is-mac", isMac);
},
}),
injectionToken: beforeFrameStartsSecondInjectionToken,
diff --git a/packages/core/src/renderer/template.html b/packages/core/src/renderer/template.html
index 5f1f7eeacd..2a3239441c 100755
--- a/packages/core/src/renderer/template.html
+++ b/packages/core/src/renderer/template.html
@@ -6,6 +6,7 @@
+
diff --git a/packages/core/src/renderer/window/root-element.injectable.ts b/packages/core/src/renderer/window/root-element.injectable.ts
index 8aff7ece34..139ad68d29 100644
--- a/packages/core/src/renderer/window/root-element.injectable.ts
+++ b/packages/core/src/renderer/window/root-element.injectable.ts
@@ -3,22 +3,10 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import { getInjectable } from "@ogre-tools/injectable";
-import isMacInjectable from "../../common/vars/is-mac.injectable";
const rootElementInjectable = getInjectable({
id: "root-element",
- instantiate: (di) => {
- const isMac = di.inject(isMacInjectable);
-
- const rootElement = document.createElement("div");
-
- rootElement.id = "app";
- rootElement.classList.toggle("is-mac", isMac);
-
- document.getElementsByTagName("body")[0].append(rootElement);
-
- return rootElement;
- },
+ instantiate: () => document.getElementById("app"),
});
export default rootElementInjectable;