diff --git a/app/src/modules/scene/scene.tsx b/app/src/modules/scene/scene.tsx
index d3e37fd..f10303a 100644
--- a/app/src/modules/scene/scene.tsx
+++ b/app/src/modules/scene/scene.tsx
@@ -30,7 +30,7 @@ export default function Scene() {
   return (
     <KeyboardControls map={map}>
       <Canvas
-        style={{ width: "100vw", height: "100vh" }}
+        // style={{ width: "100vw", height: "100vh" }}
         eventPrefix="client"
         gl={{ powerPreference: "high-performance", antialias: true }}
         onContextMenu={(e) => {
diff --git a/app/src/pages/Project.tsx b/app/src/pages/Project.tsx
index 1706b3f..70e351c 100644
--- a/app/src/pages/Project.tsx
+++ b/app/src/pages/Project.tsx
@@ -6,7 +6,14 @@ import useModuleStore from "../store/useModuleStore";
 import RealTimeVisulization from "../components/ui/componets/RealTimeVisulization";
 import Tools from "../components/ui/Tools";
 import Scene from "../modules/scene/scene";
-import { useSocketStore, useFloorItems, useOrganization, useUserName, useWallItems, useZones } from "../store/store";
+import {
+  useSocketStore,
+  useFloorItems,
+  useOrganization,
+  useUserName,
+  useWallItems,
+  useZones,
+} from "../store/store";
 import { useNavigate } from "react-router-dom";
 
 const Project: React.FC = () => {
@@ -23,11 +30,11 @@ const Project: React.FC = () => {
     setFloorItems([]);
     setWallItems([]);
     setZones([]);
-    const email = localStorage.getItem('email')
+    const email = localStorage.getItem("email");
     if (email) {
       useSocketStore.getState().initializeSocket(email);
-      const Organization = (email!.split("@")[1]).split(".")[0];
-      const name = localStorage.getItem('userName');
+      const Organization = email!.split("@")[1].split(".")[0];
+      const name = localStorage.getItem("userName");
       if (Organization && name) {
         setOrganization(Organization);
         setUserName(name);
@@ -35,7 +42,7 @@ const Project: React.FC = () => {
     } else {
       navigate("/");
     }
-  }, [])
+  }, []);
 
   return (
     <div className="project-main">
@@ -44,7 +51,12 @@ const Project: React.FC = () => {
       <SideBarRight />
       {activeModule === "visualization" && <RealTimeVisulization />}
       <Tools />
-      {activeModule !== "visualization" && <Scene />}
+      <div
+        className="canvas-container"
+        style={{ height: "100vh", width: "100vw" }}
+      >
+        {activeModule !== "visualization" && <Scene />}
+      </div>
     </div>
   );
 };