diff --git a/packages/app/src/components/app/play/renderable/index.jsx b/packages/app/src/components/app/play/renderable.jsx
similarity index 82%
rename from packages/app/src/components/app/play/renderable/index.jsx
rename to packages/app/src/components/app/play/renderable.jsx
index ea1a507..d6d0ee7 100644
--- a/packages/app/src/components/app/play/renderable/index.jsx
+++ b/packages/app/src/components/app/play/renderable.jsx
@@ -5,9 +5,9 @@ import {
   useState,
 } from '@flecks/react';
 
-import {useRoom, useSelfEntity} from '../../../../hooks';
+import {useRoom, useSelfEntity} from '../../../hooks';
 
-import styles from './index.module.scss';
+import styles from './renderable.module.scss';
 
 const RoomStage = () => {
   const selfEntity = useSelfEntity();
diff --git a/packages/app/src/components/app/play/renderable/index.module.scss b/packages/app/src/components/app/play/renderable.module.scss
similarity index 100%
rename from packages/app/src/components/app/play/renderable/index.module.scss
rename to packages/app/src/components/app/play/renderable.module.scss