diff --git a/src/components/canvas/Canvas.tsx b/src/components/canvas/Canvas.tsx
index 0b2ef2c..c51c813 100644
--- a/src/components/canvas/Canvas.tsx
+++ b/src/components/canvas/Canvas.tsx
@@ -527,8 +527,8 @@ function Canvas() {
 
 					<pixiContainer x={coords.x} y={coords.y} scale={scale}>
 						{settings.canvasBorder && <CanvasBorder canvasSize={canvasSize} isDark={isDark} />}
-						<Cursor mouseCoords={mouseCoords} radius={radius} isDark={isDark} />
-						<Selection selection={selectionCoords} isDark={isDark} />
+						<Cursor mouseCoords={mouseCoords} radius={radius} isDark={isDark} scale={scale} />
+						<Selection selection={selectionCoords} isDark={isDark} scale={scale} />
 					</pixiContainer>
 
 					{settings.grid && (
diff --git a/src/components/canvas/Cursor.tsx b/src/components/canvas/Cursor.tsx
index ec77569..7f13c29 100644
--- a/src/components/canvas/Cursor.tsx
+++ b/src/components/canvas/Cursor.tsx
@@ -2,9 +2,10 @@ interface Props {
 	mouseCoords: Position;
 	radius: number;
 	isDark: boolean;
+	scale: number;
 }
 
-function Cursor({ mouseCoords, radius, isDark }: Props) {
+function Cursor({ mouseCoords, radius, isDark, scale }: Props) {
 	const isOddRadius = radius % 2 !== 0;
 	const halfSize = Math.floor(radius / 2);
 
@@ -18,7 +19,7 @@ function Cursor({ mouseCoords, radius, isDark }: Props) {
 			draw={(g) => {
 				g.clear();
 				g.rect(0, 0, size, size);
-				g.stroke({ width: 1, color: isDark ? 0xffffff : 0x000000, alignment: 1 });
+				g.stroke({ width: 2 / scale, color: isDark ? 0xffffff : 0x000000, alignment: 0 });
 			}}
 		/>
 	);
diff --git a/src/components/canvas/Selection.tsx b/src/components/canvas/Selection.tsx
index ac5ada2..3e9bb20 100644
--- a/src/components/canvas/Selection.tsx
+++ b/src/components/canvas/Selection.tsx
@@ -1,12 +1,13 @@
 interface Props {
 	selection: CoordinateArray;
 	isDark: boolean;
+	scale: number;
 }
 
 const DASH_LENGTH = 8;
 const GAP_LENGTH = 5;
 
-function Selection({ selection, isDark }: Props) {
+function Selection({ selection, isDark, scale }: Props) {
 	return (
 		<pixiGraphics
 			draw={(g) => {
@@ -62,7 +63,7 @@ function Selection({ selection, isDark }: Props) {
 				});
 
 				// Render the lines
-				g.stroke({ width: 2, color: isDark ? 0xffffff : 0x000000, alignment: 0 });
+				g.stroke({ width: 2 / scale, color: isDark ? 0xffffff : 0x000000, alignment: 0 });
 			}}
 		/>
 	);