diff --git a/src/views/server/clients.vue b/src/views/server/clients.vue
index 95eff15..22f0eba 100644
--- a/src/views/server/clients.vue
+++ b/src/views/server/clients.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import {
   deleteClient,
-  downloadClient, generateClientIP,
+  downloadClient,
+  generateClientIP,
   getClients,
   saveClient
 } from "@/api/clients";
@@ -309,7 +310,7 @@ getClientsApi(clientSearchForm.value);
     </div>
     <div class="content">
       <el-card body-style="padding: inherit" shadow="hover">
-        <div class="flex flex-wrap gap-8">
+        <div class="flex flex-wrap gap-4" style="display: flex;justify-content: center;">
           <el-card
             v-for="val in clientsList.data"
             style="float: left; width: 500px"
@@ -418,7 +419,10 @@ getClientsApi(clientSearchForm.value);
             </el-form>
           </el-card>
         </div>
-        <div class="paginate" style="background-color: #ffffff; margin-top: 5px">
+        <div
+          class="paginate"
+          style="background-color: #ffffff; margin-top: 5px"
+        >
           <el-card>
             <el-pagination
               small