diff --git a/frontend/src/view/FreeRooms.vue b/frontend/src/view/FreeRooms.vue
index 2a09757..9ad7740 100644
--- a/frontend/src/view/FreeRooms.vue
+++ b/frontend/src/view/FreeRooms.vue
@@ -129,8 +129,8 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
             />
           </template>
           <template #body="slotProps">
-            <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>
+            <div class="flex flex-column sm:flex-row justify-content-between flex-1 column-gap-4 mx-2 md:mx-4">
+              <p class="flex-1 align-self-stretch sm:align-self-center my-2">{{ slotProps.data.room }}</p>
               <Button
                 :label="$t('freeRooms.viewOccupancy')"
                 icon="pi pi-hourglass"