diff --git a/src/components/ThreeViewer/Meshes/SurroundingMesh.jsx b/src/components/ThreeViewer/Meshes/SurroundingMesh.jsx
index d87eaf5e..802bd86e 100644
--- a/src/components/ThreeViewer/Meshes/SurroundingMesh.jsx
+++ b/src/components/ThreeViewer/Meshes/SurroundingMesh.jsx
@@ -7,7 +7,7 @@ const SurroundingMesh = ({ geometries }) => {
         <mesh key={index} geometry={geometry}>
           <meshLambertMaterial
             vertexColors={false}
-            color={0xab9980}
+            color={0xc4b69f}
             side={THREE.DoubleSide}
           />
         </mesh>
diff --git a/src/components/ThreeViewer/Scene.jsx b/src/components/ThreeViewer/Scene.jsx
index 4df22c3e..bf20ccd4 100644
--- a/src/components/ThreeViewer/Scene.jsx
+++ b/src/components/ThreeViewer/Scene.jsx
@@ -1,5 +1,6 @@
 import React, { useRef, useState } from 'react'
 import { Canvas } from 'react-three-fiber'
+import * as THREE from 'three'
 
 import CustomMapControl from './Controls/CustomMapControl'
 import DrawPVControl from './Controls/DrawPVControl'
@@ -70,6 +71,7 @@ const Scene = ({
           up: [0, 0, 1],
           ref: cameraRef,
         }}
+        gl={{ antialias: true, toneMapping: THREE.NoToneMapping }}
       >
         <ambientLight intensity={2} />
         <directionalLight intensity={1} position={[0, -1, -2]} />