From 59065b15e7e3221b45ef4f99de5f5ba75401c9c1 Mon Sep 17 00:00:00 2001
From: Aaron Chong <aaronchongth@gmail.com>
Date: Fri, 20 Oct 2023 04:25:52 -0500
Subject: [PATCH] Fix oddly failing robot label and use same as other labels
 (#812)

Signed-off-by: Aaron Chong <aaronchongth@gmail.com>
---
 .../lib/map/three-fiber/robot-three-maker.tsx                | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx b/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx
index 306f3e144..f48f6c602 100644
--- a/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx
+++ b/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx
@@ -2,6 +2,7 @@ import { Circle, Line, Text } from '@react-three/drei';
 import { ThreeEvent } from '@react-three/fiber';
 import React from 'react';
 import { Euler, Vector3 } from 'three';
+import { TextThreeRendering } from './text-maker';
 
 export interface RobotData {
   fleet: string;
@@ -69,9 +70,7 @@ export const RobotThreeMaker = ({
 }: RobotThreeMakerProps): JSX.Element => {
   return (
     <>
-      <Text color="black" fontSize={0.5} position={[position.x, position.y, position.z + 1]}>
-        {robot.name}
-      </Text>
+      <TextThreeRendering position={[position.x, position.y, position.z + 1]} text={robot.name} />
       <CircleShape
         position={position}
         rotation={rotation}