diff --git a/app/src/modules/simulation/machine/instances/machineInstances.tsx b/app/src/modules/simulation/machine/instances/machineInstances.tsx
index 594265d..d56fe44 100644
--- a/app/src/modules/simulation/machine/instances/machineInstances.tsx
+++ b/app/src/modules/simulation/machine/instances/machineInstances.tsx
@@ -1,17 +1,20 @@
-import React from 'react'
-import MachineInstance from './machineInstance/machineInstance'
-import { useMachineStore } from '../../../../store/simulation/useMachineStore';
+import React from "react";
+import MachineInstance from "./machineInstance/machineInstance";
+import { useMachineStore } from "../../../../store/simulation/useMachineStore";
+import MachineContentUi from "../../ui3d/MachineContentUi";
 
 function MachineInstances() {
-    const { machines } = useMachineStore();
-    return (
-        <>
-            {machines.map((machine: MachineStatus) => (
-                <MachineInstance key={machine.modelUuid} machineDetail={machine} />
-            ))}
-
-        </>
-    )
+  const { machines } = useMachineStore();
+  return (
+    <>
+      {machines.map((machine: MachineStatus) => (
+        <React.Fragment key={machine.modelUuid}>
+          <MachineInstance machineDetail={machine} />
+          <MachineContentUi machine={machine} />
+        </React.Fragment>
+      ))}
+    </>
+  );
 }
 
-export default MachineInstances
\ No newline at end of file
+export default MachineInstances;
diff --git a/app/src/modules/simulation/ui3d/MachineContentUi.tsx b/app/src/modules/simulation/ui3d/MachineContentUi.tsx
new file mode 100644
index 0000000..bad89ed
--- /dev/null
+++ b/app/src/modules/simulation/ui3d/MachineContentUi.tsx
@@ -0,0 +1,34 @@
+import { Html } from "@react-three/drei";
+import React from "react";
+import AssetDetailsCard from "../../../components/ui/simulation/AssetDetailsCard";
+import { Vector3 } from "three";
+
+type MachineContentUiProps = {
+  machine: MachineStatus;
+};
+
+const MachineContentUi: React.FC<MachineContentUiProps> = ({ machine }) => {
+  return (
+    <Html
+      // data
+      position={
+        new Vector3(
+          machine.position[0],
+          machine.point.position[1],
+          machine.position[2]
+        )
+      }
+      // class none
+      // other
+      zIndexRange={[1, 0]}
+      prepend
+      sprite
+      center
+      distanceFactor={20}
+    >
+      <AssetDetailsCard name={machine.modelName} status={machine.state} />
+    </Html>
+  );
+};
+
+export default MachineContentUi;
diff --git a/app/src/modules/simulation/ui3d/RoboticArmContentUi.tsx b/app/src/modules/simulation/ui3d/RoboticArmContentUi.tsx
index c85e387..dbe32c6 100644
--- a/app/src/modules/simulation/ui3d/RoboticArmContentUi.tsx
+++ b/app/src/modules/simulation/ui3d/RoboticArmContentUi.tsx
@@ -3,11 +3,11 @@ import React from "react";
 import AssetDetailsCard from "../../../components/ui/simulation/AssetDetailsCard";
 import { Vector3 } from "three";
 
-type VehicleContentUiProps = {
+type RoboticArmContentUiProps = {
   roboticArm: ArmBotStatus;
 };
 
-const RoboticArmContentUi: React.FC<VehicleContentUiProps> = ({ roboticArm }) => {
+const RoboticArmContentUi: React.FC<RoboticArmContentUiProps> = ({ roboticArm }) => {
   return (
     <Html
       // data
