diff --git a/src/components/canvas/Canvas.tsx b/src/components/canvas/Canvas.tsx
index fb4268b..77a66d1 100644
--- a/src/components/canvas/Canvas.tsx
+++ b/src/components/canvas/Canvas.tsx
@@ -13,7 +13,7 @@ import { useTextures } from "@/hooks/useTextures";
 
 import Blocks from "./Blocks";
 import Cursor from "./Cursor";
-import SelectionBox from "./SelectionBox";
+import Selection from "./Selection";
 import Grid from "./Grid";
 import CanvasBorder from "./CanvasBorder";
 
@@ -489,7 +489,7 @@ function Canvas() {
 				<Container x={coords.x} y={coords.y} scale={scale}>
 					{settings.canvasBorder && <CanvasBorder canvasSize={canvasSize} isDark={isDark} />}
 					<Cursor mouseCoords={mouseCoords} radius={radius} isDark={isDark} />
-					<SelectionBox selection={selectionCoords} coords={coords} scale={scale} isDark={isDark} />
+					<Selection selection={selectionCoords} coords={coords} scale={scale} isDark={isDark} />
 				</Container>
 
 				{settings.grid && (
diff --git a/src/components/canvas/SelectionBox.tsx b/src/components/canvas/Selection.tsx
similarity index 94%
rename from src/components/canvas/SelectionBox.tsx
rename to src/components/canvas/Selection.tsx
index c5540d3..73f835c 100644
--- a/src/components/canvas/SelectionBox.tsx
+++ b/src/components/canvas/Selection.tsx
@@ -12,7 +12,7 @@ interface Props {
 
 const shader = new DashLineShader({ dash: 8, gap: 5 });
 
-function SelectionBox({ selection, coords, scale, isDark }: Props) {
+function Selection({ selection, coords, scale, isDark }: Props) {
 	const app = useApp();
 	const selectionRef = useRef<SmoothGraphics>();
 
@@ -70,4 +70,4 @@ function SelectionBox({ selection, coords, scale, isDark }: Props) {
 	return null;
 }
 
-export default SelectionBox;
+export default Selection;