diff --git a/packages/core/src/renderer/window/root-element.injectable.ts b/packages/core/src/renderer/window/root-element.injectable.ts
index 6dddcc3c36..8aff7ece34 100644
--- a/packages/core/src/renderer/window/root-element.injectable.ts
+++ b/packages/core/src/renderer/window/root-element.injectable.ts
@@ -3,13 +3,17 @@
  * 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: () => {
+  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);