diff --git a/ui/src/components/door_map/DoorPlacer.vue b/ui/src/components/door_map/DoorPlacer.vue
index 3cb70de..4085207 100644
--- a/ui/src/components/door_map/DoorPlacer.vue
+++ b/ui/src/components/door_map/DoorPlacer.vue
@@ -9,7 +9,7 @@
     </div>
     <figure class="image">
       <img src="@/assets/adventskalender.jpg" />
-      <RectPad ref="rect_pad" />
+      <RectangleCanvas ref="rect_pad" />
     </figure>
   </section>
 </template>
@@ -17,11 +17,11 @@
 <script lang="ts">
 import { Vue, Options } from "vue-class-component";
 import { Rectangle } from "../rects/rectangles";
-import RectPad from "./RectangleCanvas.vue";
+import RectangleCanvas from "./RectangleCanvas.vue";
 
 @Options({
   components: {
-    RectPad,
+    RectangleCanvas,
   },
   props: {
     rectangles: Array,
@@ -32,7 +32,7 @@ export default class extends Vue {
   private rectangles!: Rectangle[];
 
   declare $refs: {
-    rect_pad: RectPad;
+    rect_pad: RectangleCanvas;
   };
 
   public mounted() {