diff --git a/app/src/modules/builder/aisle/Instances/aisleInstances.tsx b/app/src/modules/builder/aisle/Instances/aisleInstances.tsx
index c72afb1..6736dcf 100644
--- a/app/src/modules/builder/aisle/Instances/aisleInstances.tsx
+++ b/app/src/modules/builder/aisle/Instances/aisleInstances.tsx
@@ -47,27 +47,32 @@ function AisleInstances() {
 
                     return (
                         <>
+
                             <AisleInstance aisle={aisle} key={aisle.uuid} />
-                            <Html
-                                // data
-                                key={aisle.uuid}
-                                userData={aisle}
-                                position={[textPosition.x, 1, textPosition.z]}
-                                // class
-                                wrapperClass="distance-text-wrapper"
-                                className="distance-text"
-                                // other
-                                zIndexRange={[1, 0]}
-                                prepend
-                                sprite
-                            >
-                                <div
+
+                            {toggleView &&
+                                <Html
+                                    // data
                                     key={aisle.uuid}
-                                    className={`distance ${aisle.uuid}`}
+                                    userData={aisle}
+                                    position={[textPosition.x, 1, textPosition.z]}
+                                    // class
+                                    wrapperClass="distance-text-wrapper"
+                                    className="distance-text"
+                                    // other
+                                    zIndexRange={[1, 0]}
+                                    prepend
+                                    sprite
                                 >
-                                    {distance.toFixed(2)} m
-                                </div>
-                            </Html>
+                                    <div
+                                        key={aisle.uuid}
+                                        className={`distance ${aisle.uuid}`}
+                                    >
+                                        {distance.toFixed(2)} m
+                                    </div>
+                                </Html>
+                            }
+
                         </>
                     )
                 })}
diff --git a/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx b/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
index f874dfa..a4c331e 100644
--- a/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
+++ b/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
@@ -178,26 +178,30 @@ function ReferenceAisle({ tempPoints }: Readonly<ReferenceAisleProps>) {
 
     const rendertext = () => {
         return (
-            <Html
-                // data
-                key={tempAisle.uuid}
-                userData={tempAisle}
-                position={[textPosition.x, 1, textPosition.z]}
-                // class
-                wrapperClass="distance-text-wrapper"
-                className="distance-text"
-                // other
-                zIndexRange={[1, 0]}
-                prepend
-                sprite
-            >
-                <div
-                    key={tempAisle.uuid}
-                    className={`distance ${tempAisle.uuid}`}
-                >
-                    {distance.toFixed(2)} m
-                </div>
-            </Html>
+            <>
+                {toggleView &&
+                    <Html
+                        // data
+                        key={tempAisle.uuid}
+                        userData={tempAisle}
+                        position={[textPosition.x, 1, textPosition.z]}
+                        // class
+                        wrapperClass="distance-text-wrapper"
+                        className="distance-text"
+                        // other
+                        zIndexRange={[1, 0]}
+                        prepend
+                        sprite
+                    >
+                        <div
+                            key={tempAisle.uuid}
+                            className={`distance ${tempAisle.uuid}`}
+                        >
+                            {distance.toFixed(2)} m
+                        </div>
+                    </Html>
+                }
+            </>
         )
     }
 
