diff --git a/apps/ctrlpad/wid.ts b/apps/ctrlpad/wid.ts
index ee10b492f..1a4fa79e6 100644
--- a/apps/ctrlpad/wid.ts
+++ b/apps/ctrlpad/wid.ts
@@ -67,13 +67,17 @@
 				.drawRect(0, 0, this.width - 1, this.height - 1)
 				.drawRect(1, 1, this.width - 2, this.height - 2);
 
-			const centreY = this.height / 2;
-			const circleGapY = 30;
-
 			g
 				.setFontAlign(0, 0)
 				.setFont("Vector:20");
 
+			this.drawCtrls();
+		}
+
+		drawCtrls(): void {
+			const centreY = this.height / 2;
+			const circleGapY = 30;
+
 			this.drawCtrl(this.width / 4 - 10,   centreY - circleGapY, "<");
 			this.drawCtrl(this.width / 2,        centreY - circleGapY, "@");
 			this.drawCtrl(this.width * 3/4 + 10, centreY - circleGapY, ">");