diff --git a/web/src/components/UserPresenceStatusList.vue b/web/src/components/UserPresenceStatusList.vue
index 9a5b877..bb8d20c 100644
--- a/web/src/components/UserPresenceStatusList.vue
+++ b/web/src/components/UserPresenceStatusList.vue
@@ -10,7 +10,8 @@
         v-for="userPresence in userPresences"
         :key="userPresence.user.id"
         cols="12"
-        md="6"
+        sm="6"
+        md="4"
         lg="3"
       >
         <v-card
@@ -69,7 +70,7 @@
   </div>
   <div v-else>
     <div class="layout row row--dense wrap">
-      <v-col v-for="i in 12" :key="i" cols="12" md="6" lg="3">
+      <v-col v-for="i in 12" :key="i" cols="12" sm="6" md="4" lg="3">
         <v-card outlined class="border-highlight light-shadow">
           <v-list three-line>
             <v-list-item>
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index d3bd1ed..2c51f22 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -125,7 +125,7 @@ export default {
   name: 'UserPresence',
   components: { UserPresenceStatusList },
   data: () => {
-    const pageSize = 16
+    const pageSize = 12
     return {
       pageSize,
       search: '',