@@ -3,9 +3,9 @@
   <script type="text/javascript" src="index.js"></script>
   <body onload="draw();">
     <h1>Snake</h1>
-    <img id="snakeHead" style="display: none" width="20" height="20" src="assets/kepalaularijo.png" alt="kepalaularijo" />
-    <img id="snakeBody" style="display: none" width="20" height="20" src="assets/kepalaularungu.png" alt="kepalaularungu" />
-    <canvas id="snakeBoard" width="400" height="400" style="border: 1px solid #000000"></canvas>
+    <img id="snakeHead" style="display: none" width="20" height="20" src="assets/head.png" alt="kepalaularijo" />
+    <img id="snakeBody" style="display: none" width="20" height="20" src="assets/body.png" alt="kepalaularungu" />
+    <canvas id="snakeBoard" width="600" height="600" style="border: 1px solid #000000"></canvas>
     <canvas id="score1Board" width="100" height="100" style="border: 1px solid #000000"></canvas>
     <canvas id="score2Board" width="100" height="100" style="border: 1px solid #000000"></canvas>
   </body>
 
@@ -1,5 +1,5 @@
 const CELL_SIZE = 20;
-const CANVAS_SIZE = 400;
+const CANVAS_SIZE = 600;
 const REDRAW_INTERVAL = 50;
 const WIDTH = CANVAS_SIZE / CELL_SIZE;
 const HEIGHT = CANVAS_SIZE / CELL_SIZE;