diff --git a/web-src/src/views/server/clients.vue b/web-src/src/views/server/clients.vue
index 80414ba..3f938fc 100644
--- a/web-src/src/views/server/clients.vue
+++ b/web-src/src/views/server/clients.vue
@@ -309,10 +309,10 @@ getClientsApi(clientSearchForm.value);
     </div>
     <div class="content">
       <el-card body-style="padding: inherit" shadow="hover">
-        <div class="flex flex-wrap gap-4">
+        <div class="flex flex-wrap gap-4" style="display: flex;justify-content: center;">
           <el-card
             v-for="val in clientsList.data"
-            style="width: 540px"
+            style="float: left; width: 500px"
             shadow="hover"
           >
             <template #header>