fix admin user list overflow

frontend/pages/admin/index.vue

@@ -20,8 +20,8 @@ const adminStore = useAdminStore();
                     warrens</CardDescription
                 >
             </CardHeader>
-            <CardContent>
-                <ScrollArea class="max-h-96">
+            <CardContent class="max-h-64">
+                <ScrollArea class="h-full">
                     <div class="flex flex-col gap-4">
                         <AdminUserListing
                             v-for="user in adminStore.users"
@@ -48,12 +48,14 @@ const adminStore = useAdminStore();
                         </AdminUserListing>
                     </div>
                 </ScrollArea>
+            </CardContent>
+            <CardFooter>
                 <div class="mt-4 flex flex-row">
                     <Button @click="adminStore.openCreateUserDialog"
                         >Create user</Button
                     >
                 </div>
-            </CardContent>
+            </CardFooter>
         </Card>
     </div>
 </template>