diff --git a/src/website/hooks/BR/canvas.ts b/src/website/hooks/BR/canvas.ts
index fec8c66..e4d7ff0 100644
--- a/src/website/hooks/BR/canvas.ts
+++ b/src/website/hooks/BR/canvas.ts
@@ -16,12 +16,9 @@ const drawSquare = (
   const size = dot.radius * 2 * scale;
   const x = dot.centerX * scale - size / 2;
   const y = dot.centerY * scale - size / 2;
-  const borderRadius = size * 0.2;
 
   context.fillStyle = color;
-  context.beginPath();
-  context.roundRect(x, y, size, size, borderRadius);
-  context.fill();
+  context.fillRect(x, y, size, size);
 };
 
 export const draw = (
@@ -51,13 +48,13 @@ export const draw = (
     if (result.progress > 0) {
       visibleCount++;
 
+      drawSquare(context, dotState.dot, result.progress, scale);
+
       const isStableVisible = result.visible && result.disappearAt === null;
       if (isStableVisible) {
         visibleIndices.push(dotIndex);
       }
     }
-
-    drawSquare(context, dotState.dot, result.progress, scale);
   }
 
   processRemovals(state, visibleIndices, visibleCount, elapsed);
@@ -71,9 +68,8 @@ export const updateCanvasSize = (
   const rect = canvas.getBoundingClientRect();
   if (rect.width === 0 || rect.height === 0) return;
 
-  const devicePixelRatio = window.devicePixelRatio || 1;
-  canvas.width = rect.width * devicePixelRatio;
-  canvas.height = rect.height * devicePixelRatio;
+  canvas.width = rect.width;
+  canvas.height = rect.height;
 
   const context = canvas.getContext('2d');
   if (context) {