1 files changed, 5 insertions, 3 deletions
diff --git a/src/relabi/canvas.js b/src/relabi/canvas.js
index 2003a5a..fed4f6d 100644
--- a/src/relabi/canvas.js
+++ b/src/relabi/canvas.js
@@ -3,6 +3,8 @@
  * @module src/relabi/canvas.js;
  */
 
+const NOTE_RADIUS = 7;
+
 export default class RelabiCanvas {
   /**
    * Initialize relabi wave renderer
@@ -209,10 +211,10 @@ export default class RelabiCanvas {
         continue;
       }
       ctx.beginPath();
-      ctx.arc(x - 2.5, y, 5, 0, 2 * Math.PI);
+      ctx.arc(x - NOTE_RADIUS / 4, y, NOTE_RADIUS, 0, 2 * Math.PI);
       ctx.fillStyle = direction
-        ? `rgba(255,128,192,${opacity})`
-        : `rgba(192,255,128,${opacity})`;
+        ? `rgba(255,96,128,${opacity})`
+        : `rgba(128,255,96,${opacity})`;
       ctx.fill();
     }
   }