diff --git a/client/src/pages/rooms.vue b/client/src/pages/rooms.vue
index f09537d3..f8eb9755 100644
--- a/client/src/pages/rooms.vue
+++ b/client/src/pages/rooms.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="rooms-page">
     <room-widget v-for="room in filteredRooms" v-bind="room" :key="room.name"></room-widget>
-    <add-room v-if="canAddRoom" data-cy="add-room"></add-room>
+    <add-room class="rooms-page__add-room" v-if="canAddRoom" data-cy="add-room"></add-room>
   </div>
 </template>
 
@@ -84,6 +84,14 @@
     justify-self: center;
     box-sizing: border-box;
 
+    &__add-room {
+      visibility: hidden;
+
+      @include desktop {
+        visibility: visible;
+      }
+    }
+
     & > div {
       flex: 0 0 30%;
       margin-bottom: $large-spacing;