From 1640ea7d722af493b7631fb8537a2e8424885ac1 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Wed, 23 Oct 2024 08:01:21 +0530
Subject: [PATCH] feat: round bottom left right corners of canvas

---
 src/components/atoms/canvas.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/atoms/canvas.tsx b/src/components/atoms/canvas.tsx
index 7e437408..5dd44271 100644
--- a/src/components/atoms/canvas.tsx
+++ b/src/components/atoms/canvas.tsx
@@ -138,12 +138,15 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
     }, [onMouseEvent]);
 
     return (
+        <div style={{ borderRadius: '0px 0px 5px 5px', overflow: 'hidden', backgroundColor: 'white'}}>
         <canvas
             tabIndex={0}
             ref={canvasRef}
             height={400}
             width={900}
-        />
+            style={{display: 'block' }}
+            />
+            </div>
     );
 
 };