diff --git a/ui/src/components/door_map/DoorChooser.vue b/ui/src/components/door_map/DoorChooser.vue
index 3fa5f53..cd97094 100644
--- a/ui/src/components/door_map/DoorChooser.vue
+++ b/ui/src/components/door_map/DoorChooser.vue
@@ -8,7 +8,7 @@
     <figure class="image">
       <img src="@/assets/adventskalender.jpg" />
       <ThouCanvas>
-        <Rect
+        <SVGRect
           v-for="(rect, index) in rectangles"
           :key="`rect-${index}`"
           :rectangle="rect"
@@ -19,8 +19,8 @@
           v-for="(rect, index) in rectangles_chosen"
           :key="`rect_chosen-${index}`"
         >
-          <Rect :rectangle="rect" :focused="true" />
-          <RectText :rectangle="rect" :text="String(index)" />
+          <SVGRect :rectangle="rect" :focused="true" />
+          <SVGRectText :rectangle="rect" :text="String(index)" />
         </template>
       </ThouCanvas>
     </figure>
@@ -32,14 +32,14 @@ import { Options, Vue } from "vue-class-component";
 import { Rectangle } from "../rects/rectangles";
 
 import ThouCanvas from "../rects/ThouCanvas.vue";
-import Rect from "../rects/Rect.vue";
-import RectText from "../rects/RectText.vue";
+import SVGRect from "../rects/SVGRect.vue";
+import SVGRectText from "../rects/SVGRectText.vue";
 
 @Options({
   components: {
     ThouCanvas,
-    Rect,
-    RectText,
+    SVGRect,
+    SVGRectText,
   },
   props: {
     rectangles: Array,
diff --git a/ui/src/components/door_map/DoorPlacer.vue b/ui/src/components/door_map/DoorPlacer.vue
index f46de9a..3cb70de 100644
--- a/ui/src/components/door_map/DoorPlacer.vue
+++ b/ui/src/components/door_map/DoorPlacer.vue
@@ -17,7 +17,7 @@
 <script lang="ts">
 import { Vue, Options } from "vue-class-component";
 import { Rectangle } from "../rects/rectangles";
-import RectPad from "../rects/RectPad.vue";
+import RectPad from "./RectangleCanvas.vue";
 
 @Options({
   components: {
diff --git a/ui/src/components/rects/RectPad.vue b/ui/src/components/door_map/RectangleCanvas.vue
similarity index 93%
rename from ui/src/components/rects/RectPad.vue
rename to ui/src/components/door_map/RectangleCanvas.vue
index a0c78af..f76d395 100644
--- a/ui/src/components/rects/RectPad.vue
+++ b/ui/src/components/door_map/RectangleCanvas.vue
@@ -8,12 +8,12 @@
     @click.middle="remove_rect"
     @dblclick.left="remove_rect"
   >
-    <Rect
+    <SVGRect
       v-for="(rect, index) in rectangles"
       :key="`rect-${index}`"
       :rectangle="rect"
     />
-    <Rect
+    <SVGRect
       v-if="preview_visible"
       :focused="true"
       :rectangle="preview_rectangle"
@@ -23,14 +23,14 @@
 
 <script lang="ts">
 import { Vue, Options } from "vue-class-component";
-import { Vector2D, Rectangle } from "./rectangles";
-import ThouCanvas from "./ThouCanvas.vue";
-import Rect from "./Rect.vue";
+import { Vector2D, Rectangle } from "../rects/rectangles";
+import ThouCanvas from "../rects/ThouCanvas.vue";
+import SVGRect from "../rects/SVGRect.vue";
 
 @Options({
   components: {
     ThouCanvas,
-    Rect,
+    SVGRect,
   },
 })
 export default class extends Vue {
diff --git a/ui/src/components/rects/Rect.vue b/ui/src/components/rects/SVGRect.vue
similarity index 100%
rename from ui/src/components/rects/Rect.vue
rename to ui/src/components/rects/SVGRect.vue
diff --git a/ui/src/components/rects/RectText.vue b/ui/src/components/rects/SVGRectText.vue
similarity index 100%
rename from ui/src/components/rects/RectText.vue
rename to ui/src/components/rects/SVGRectText.vue