diff --git a/applications/visualizer/frontend/src/components/viewers/ThreeD/ThreeDViewer.tsx b/applications/visualizer/frontend/src/components/viewers/ThreeD/ThreeDViewer.tsx
index 7be5dfda..70a2d52e 100644
--- a/applications/visualizer/frontend/src/components/viewers/ThreeD/ThreeDViewer.tsx
+++ b/applications/visualizer/frontend/src/components/viewers/ThreeD/ThreeDViewer.tsx
@@ -13,6 +13,7 @@ import {
   LIGHT_2_COLOR,
   LIGHT_2_POSITION,
   LIGHT_SCENE_BACKGROUND,
+  LIGHT_1_COLOR
 } from "../../../settings/threeDSettings.ts";
 import DatasetPicker from "./DatasetPicker.tsx";
 import Gizmo from "./Gizmo.tsx";
@@ -100,7 +101,7 @@ function ThreeDViewer() {
           />
           <CameraControls ref={cameraControlRef} />
 
-          <ambientLight color={"0x404040"} />
+          <ambientLight color={LIGHT_1_COLOR} />
           <directionalLight color={LIGHT_2_COLOR} position={LIGHT_2_POSITION} />
 
           <Gizmo />
diff --git a/applications/visualizer/frontend/src/settings/threeDSettings.ts b/applications/visualizer/frontend/src/settings/threeDSettings.ts
index a49952bf..a9986af2 100644
--- a/applications/visualizer/frontend/src/settings/threeDSettings.ts
+++ b/applications/visualizer/frontend/src/settings/threeDSettings.ts
@@ -5,8 +5,8 @@ export const CAMERA_POSITION = new Vector3(0, 0, 50);
 export const CAMERA_NEAR = 0.1;
 export const CAMERA_FAR = 2000;
 
-export const LIGHT_1_COLOR = 0x404040;
-export const LIGHT_2_COLOR = 0xccccff;
+export const LIGHT_1_COLOR = "0x404040";
+export const LIGHT_2_COLOR = "0xccccff";
 export const LIGHT_2_POSITION = new Vector3(-1, 0.75, -0.5);
 
 export const LIGHT_SCENE_BACKGROUND = "#f6f5f4";