diff --git a/apps/frontend/src/views/ManageQRCodesView.vue b/apps/frontend/src/views/ManageQRCodesView.vue
index 064d5ca..329c9a0 100644
--- a/apps/frontend/src/views/ManageQRCodesView.vue
+++ b/apps/frontend/src/views/ManageQRCodesView.vue
@@ -10,16 +10,11 @@
 
     <QueryRender :query="query">
       <template #default="{ data }">
-        <div v-if="data.rows.length > 0">
-          <div class="flex flex-col gap-5 my-5">
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-              <QRCodeCard
-                v-for="{ doc: qrCode } in data.rows"
-                :key="qrCode!.uri"
-                :qrCode="qrCode!"
-              />
-            </div>
-          </div>
+        <div
+          class="flex-1 grid grid-cols-2 sm:grid-cols-3 gap-5 my-5 place-content-center sm:place-content-start justify-items-center"
+          v-if="data.rows.length > 0"
+        >
+          <QRCodeCard v-for="{ doc: qrCode } in data.rows" :key="qrCode!.uri" :qrCode="qrCode!" />
         </div>
 
         <div