diff --git a/app/react-components/disconnected.jsx b/app/react-components/dom/disconnected.jsx
similarity index 100%
rename from app/react-components/disconnected.jsx
rename to app/react-components/dom/disconnected.jsx
diff --git a/app/react-components/disconnected.module.css b/app/react-components/dom/disconnected.module.css
similarity index 100%
rename from app/react-components/disconnected.module.css
rename to app/react-components/dom/disconnected.module.css
diff --git a/app/react-components/dom.jsx b/app/react-components/dom/dom.jsx
similarity index 100%
rename from app/react-components/dom.jsx
rename to app/react-components/dom/dom.jsx
diff --git a/app/react-components/dom.module.css b/app/react-components/dom/dom.module.css
similarity index 100%
rename from app/react-components/dom.module.css
rename to app/react-components/dom/dom.module.css
diff --git a/app/react-components/hotbar.jsx b/app/react-components/dom/hotbar.jsx
similarity index 100%
rename from app/react-components/hotbar.jsx
rename to app/react-components/dom/hotbar.jsx
diff --git a/app/react-components/hotbar.module.css b/app/react-components/dom/hotbar.module.css
similarity index 100%
rename from app/react-components/hotbar.module.css
rename to app/react-components/dom/hotbar.module.css
diff --git a/app/react-components/slot.jsx b/app/react-components/dom/slot.jsx
similarity index 100%
rename from app/react-components/slot.jsx
rename to app/react-components/dom/slot.jsx
diff --git a/app/react-components/slot.module.css b/app/react-components/dom/slot.module.css
similarity index 100%
rename from app/react-components/slot.module.css
rename to app/react-components/dom/slot.module.css
diff --git a/app/react-components/ui.jsx b/app/react-components/ui.jsx
index d1989bc..a67956f 100644
--- a/app/react-components/ui.jsx
+++ b/app/react-components/ui.jsx
@@ -8,11 +8,11 @@ import {useDebug} from '@/context/debug.js';
 import {useEcs, useEcsTick} from '@/context/ecs.js';
 import {useMainEntity} from '@/context/main-entity.js';
 
-import Devtools from './devtools.jsx';
-import Disconnected from './disconnected.jsx';
-import Dom from './dom.jsx';
-import HotBar from './hotbar.jsx';
+import Disconnected from './dom/disconnected.jsx';
+import Dom from './dom/dom.jsx';
+import HotBar from './dom/hotbar.jsx';
 import Pixi from './pixi/pixi.jsx';
+import Devtools from './devtools.jsx';
 import styles from './ui.module.css';
 
 function emptySlots() {
@@ -380,7 +380,7 @@ export default function Ui({disconnected}) {
           camera={camera}
           scale={scale}
         />
-        <Dom devtoolsIsOpen={devtoolsIsOpen}>
+        <Dom>
           <HotBar
             active={activeSlot}
             onActivate={(i) => {