diff --git a/frontend/src/canvas/CanvasContainer.css b/frontend/src/canvas/CanvasContainer.css
index 1df43315..c248840c 100644
--- a/frontend/src/canvas/CanvasContainer.css
+++ b/frontend/src/canvas/CanvasContainer.css
@@ -6,7 +6,7 @@
 }
 
 .CanvasContainer__grid {
-  background: rgba(0, 0, 0, 0.2);
+  /* background: rgba(0, 0, 0, 0.2); */
   padding: 20px;
   border-radius: 8px;
 }
diff --git a/frontend/src/canvas/CanvasContainer.js b/frontend/src/canvas/CanvasContainer.js
index 99ebd2d9..a5ecca6a 100644
--- a/frontend/src/canvas/CanvasContainer.js
+++ b/frontend/src/canvas/CanvasContainer.js
@@ -575,7 +575,7 @@ const CanvasContainer = (props) => {
         className='CanvasContainer__grid'
         style={{
           display: 'grid',
-          gridTemplateColumns: `repeat(${GRID_SIZE}, ${props.width}px)`,
+          // gridTemplateColumns: `repeat(${GRID_SIZE}, ${props.width}px)`,
           gridGap: '20px',
           position: 'absolute',
           top: '50%',
@@ -584,7 +584,8 @@ const CanvasContainer = (props) => {
           transformOrigin: 'center'
         }}
       >
-        {Array.from({ length: GRID_SIZE * GRID_SIZE }, (_, index) => {
+        {/* {Array.from({ length: GRID_SIZE * GRID_SIZE }, (_, index) => { */}
+        {Array.from({ length: 1 }, (_, index) => {
           const row = Math.floor(index / GRID_SIZE);
           const col = index % GRID_SIZE;
           const isCenter = row === CENTER_POS && col === CENTER_POS;