diff --git a/frontend/src/view/FreeRooms.vue b/frontend/src/view/FreeRooms.vue
index a5ac1fa..2a09757 100644
--- a/frontend/src/view/FreeRooms.vue
+++ b/frontend/src/view/FreeRooms.vue
@@ -129,12 +129,12 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
             />
           </template>
           <template #body="slotProps">
-            <div class="flex justify-content-between flex-wrap">
-              <div class="align-self-center">{{ slotProps.data.room }}</div>
+            <div class="flex flex-column sm:flex-row justify-content-between align-items-center flex-1 column-gap-4 mx-2 md:mx-4">
+              <p class="text-lg flex-1 align-self-stretch">{{ slotProps.data.room }}</p>
               <Button
                 :label="$t('freeRooms.viewOccupancy')"
                 icon="pi pi-hourglass"
-                class="p-button-rounded p-button-outlined"
+                class="p-button-rounded p-button-outlined sm:align-self-center align-self-end"
                 @click="occupationRoute(slotProps.data.room)"
               />
             </div>