diff --git a/pkgs/clan-app/ui/src/scene/cubes.css b/pkgs/clan-app/ui/src/scene/cubes.css
deleted file mode 100644
index 4f5e4edad..000000000
--- a/pkgs/clan-app/ui/src/scene/cubes.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.cubes-scene-container {
- width: 100%;
- height: 100vh;
-}
-
-/*
-
*/
-.toolbar-container {
- @apply absolute bottom-10 z-30 left-1/2;
- @apply flex justify-center items-center;
-}
-
-.machine-label {
- @apply text-white bg-inv-4 py-1 px-2 rounded-sm;
- font-size: 0.75rem;
-}
-
-.machine-label::after {
- content: "";
- position: absolute;
- top: 100%;
- left: 50%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: #203637 transparent transparent transparent;
-}
diff --git a/pkgs/clan-app/ui/src/scene/cubes.module.css b/pkgs/clan-app/ui/src/scene/cubes.module.css
new file mode 100644
index 000000000..b39bba575
--- /dev/null
+++ b/pkgs/clan-app/ui/src/scene/cubes.module.css
@@ -0,0 +1,9 @@
+.cubesSceneContainer {
+ width: 100%;
+ height: 100vh;
+}
+
+.toolbarContainer {
+ @apply absolute bottom-10 z-30 left-1/2;
+ @apply flex justify-center items-center;
+}
diff --git a/pkgs/clan-app/ui/src/scene/cubes.tsx b/pkgs/clan-app/ui/src/scene/cubes.tsx
index 1dd1cfedf..782139f15 100644
--- a/pkgs/clan-app/ui/src/scene/cubes.tsx
+++ b/pkgs/clan-app/ui/src/scene/cubes.tsx
@@ -7,7 +7,7 @@ import {
JSX,
Show,
} from "solid-js";
-import "./cubes.css";
+import styles from "./cubes.module.css";
import * as THREE from "three";
import { MapControls } from "three/examples/jsm/controls/MapControls.js";
@@ -779,7 +779,7 @@ export function CubeScene(props: {