diff --git a/client/src/components/icons/Add.vue b/client/src/components/icons/AddIcon.vue
similarity index 80%
rename from client/src/components/icons/Add.vue
rename to client/src/components/icons/AddIcon.vue
index f40739af..b167cf81 100644
--- a/client/src/components/icons/Add.vue
+++ b/client/src/components/icons/AddIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>add</title>
+  <svg id="shape" xmlns="http://www.w3.org/2000/svg" viewBox="6 6 87 87"><title>add</title>
     <path
       d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
     <path
diff --git a/client/src/components/rooms/AddRoom.vue b/client/src/components/rooms/AddRoom.vue
index 1ebbb63e..be4d774c 100644
--- a/client/src/components/rooms/AddRoom.vue
+++ b/client/src/components/rooms/AddRoom.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="add-room">
-    <add class="add-room__add"></add>
+    <add-icon class="add-room__add"></add-icon>
   </div>
 </template>
 
 <script>
-  import Add from '@/components/icons/Add.vue';
+  import AddIcon from '@/components/icons/AddIcon.vue';
 
   export default {
     components: {
-      Add
+      AddIcon
     }
   }
 </script>
diff --git a/client/src/components/rooms/AddRoomEntry.vue b/client/src/components/rooms/AddRoomEntry.vue
index 8c26704f..16ed9fed 100644
--- a/client/src/components/rooms/AddRoomEntry.vue
+++ b/client/src/components/rooms/AddRoomEntry.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="add-room-entry">
-    <add class="add-room-entry__icon"></add>
+    <add-icon class="add-room-entry__icon"></add-icon>
   </div>
 </template>
 
 <script>
-  import Add from '@/components/icons/Add';
+  import AddIcon from '@/components/icons/AddIcon';
 
   export default {
     components: {
-      Add
+      AddIcon
     }
   }
 </script>