diff --git a/modules/room/components/Canvas.tsx b/modules/room/components/Canvas.tsx
index 275dd96..4f5ec17 100644
--- a/modules/room/components/Canvas.tsx
+++ b/modules/room/components/Canvas.tsx
@@ -5,7 +5,6 @@ import { useRef, useState, useEffect } from "react";
 import { useKeyPressEvent } from "react-use";
 import { useDraw, useSocketDraw } from "../hooks/Canvas.hooks";
 import { socket } from "@/common/lib/socket";
-import { drawFromSocket } from "../helpers/Canvas.helpers";
 import Minimap from "./Minimap";
 
 const Canvas = () => {
@@ -64,7 +63,7 @@ const Canvas = () => {
         }
     }, [dragging]);
 
-    useSocketDraw(ctx, copyCanvasToSmall);
+    useSocketDraw(ctx,drawing,  copyCanvasToSmall);
     return (
         <div className="relative h-full w-full overflow-hidden">
             <button className="absolute top-0" onClick={handleUndo}>
diff --git a/modules/room/components/MousePosition.tsx b/modules/room/components/MousePosition.tsx
index 8cdf470..ee89dc5 100644
--- a/modules/room/components/MousePosition.tsx
+++ b/modules/room/components/MousePosition.tsx
@@ -24,7 +24,7 @@ export const MousePosition = () => {
     return (
         <motion.div
             ref={ref}
-            className="pointer-events-none absolute top-2 left-0 z-50 select-none"
+            className="pointer-events-none absolute top-2 left-0 z-50"
             animate={{ x: docX + 15, y: docY + 15 }}
             transition={{ duration: 0.05, ease: "linear" }}
         >
diff --git a/modules/room/components/MouseRenderer.tsx b/modules/room/components/MouseRenderer.tsx
index c0b4c37..7635898 100644
--- a/modules/room/components/MouseRenderer.tsx
+++ b/modules/room/components/MouseRenderer.tsx
@@ -1,6 +1,6 @@
 import { socket } from "@/common/lib/socket";
 import { useEffect, useState } from "react";
-import SocketMouse from "./SocketMouse";
+import UserMouse from "./UserMouse";
 import { useUserIds } from "@/common/recoil/users";
 //error prone
 export const MouseRenderer = () => {
@@ -9,7 +9,7 @@ export const MouseRenderer = () => {
 return (
     <>
     {userIds.map((userId)=>{
-        return <SocketMouse userId={userId} key={userId}  />;
+        return <UserMouse userId={userId} key={userId}  />;
     })}
     </>
 );
diff --git a/modules/room/components/SocketMouse.tsx b/modules/room/components/UserMouse.tsx
similarity index 90%
rename from modules/room/components/SocketMouse.tsx
rename to modules/room/components/UserMouse.tsx
index d85c930..03ee28f 100644
--- a/modules/room/components/SocketMouse.tsx
+++ b/modules/room/components/UserMouse.tsx
@@ -4,7 +4,7 @@ import { socket } from "@/common/lib/socket";
 import { motion } from "framer-motion";
 import { BsCursorFill } from "react-icons/bs";
 
-const SocketMouse = ({ userId }: { userId: string }) => {
+const UserMouse = ({ userId }: { userId: string }) => {
     const boardPos = useBoardPosition();
     const [x, setX] = useState(boardPos.x.get());
     const [y, setY] = useState(boardPos.y.get());
@@ -30,7 +30,7 @@ const SocketMouse = ({ userId }: { userId: string }) => {
 
     return (
         <motion.div
-            className={`absolute top-0 left-0 text-blue-800 ${pos.x === -1 && 'hidden'}`}
+            className={`absolute top-0 left-0 text-blue-800 ${pos.x === -1 && 'hidden'}pointer-events-none`}
             animate={{ x: pos.x + x, y: pos.y + y }}
             transition={{ duration: 0.3, ease: "linear" }}
         >
@@ -39,4 +39,4 @@ const SocketMouse = ({ userId }: { userId: string }) => {
     );
 };
 
-export default SocketMouse;
+export default UserMouse;