diff --git a/app/react-components/entities.jsx b/app/react-components/entities.jsx
index 1fc417f..d193383 100644
--- a/app/react-components/entities.jsx
+++ b/app/react-components/entities.jsx
@@ -1,3 +1,5 @@
+import {Container} from '@pixi/react';
+
 import Entity from './entity.jsx';
 
 export default function Entities({entities}) {
@@ -10,5 +12,11 @@ export default function Entities({entities}) {
       />
     );
   }
-  return <>{renderables}</>;
+  return (
+    <Container
+      sortableChildren
+    >
+      {renderables}
+    </Container>
+  );
 }
\ No newline at end of file
diff --git a/app/react-components/entity.jsx b/app/react-components/entity.jsx
index e24c83e..ad3df2e 100644
--- a/app/react-components/entity.jsx
+++ b/app/react-components/entity.jsx
@@ -35,7 +35,9 @@ function Entities({entity}) {
     return false;
   }
   return (
-    <Container>
+    <Container
+      zIndex={entity.Position?.y}
+    >
       {entity.Sprite && (
         <Sprite
           entity={entity}