diff --git a/backend/database/model/model.go b/backend/database/model/model.go
index 7a4b70c..8e42549 100644
--- a/backend/database/model/model.go
+++ b/backend/database/model/model.go
@@ -26,6 +26,7 @@ type Client struct {
 	Expiry   int64  `json:"expiry" form:"expiry"`
 	Down     int64  `json:"down" form:"down"`
 	Up       int64  `json:"up" form:"up"`
+	Desc     string `json:"desc" from:"desc"`
 }
 
 type Stats struct {
diff --git a/frontend/src/layouts/default/Default.vue b/frontend/src/layouts/default/Default.vue
index 578f66c..ccac01b 100644
--- a/frontend/src/layouts/default/Default.vue
+++ b/frontend/src/layouts/default/Default.vue
@@ -30,5 +30,7 @@ const isMobile = computed( ():boolean =>{
 .v-card-subtitle {
   text-align: center;
   border-bottom: 1px solid gray;
+  min-height: 20px;
+  margin-top: -20px;
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/layouts/modals/Client.vue b/frontend/src/layouts/modals/Client.vue
index 942cade..ba82150 100644
--- a/frontend/src/layouts/modals/Client.vue
+++ b/frontend/src/layouts/modals/Client.vue
@@ -26,6 +26,9 @@
                 <v-col cols="12" sm="6" md="4">
                   <v-text-field v-model="client.name" :label="$t('client.name')" hide-details></v-text-field>
                 </v-col>
+                <v-col cols="12" sm="6" md="4">
+                  <v-text-field v-model="client.desc" :label="$t('client.desc')" hide-details></v-text-field>
+                </v-col>
               </v-row>
               <v-row>
                 <v-col cols="12" sm="6" md="4">
diff --git a/frontend/src/layouts/modals/Inbound.vue b/frontend/src/layouts/modals/Inbound.vue
index 35e450c..c678340 100644
--- a/frontend/src/layouts/modals/Inbound.vue
+++ b/frontend/src/layouts/modals/Inbound.vue
@@ -125,11 +125,4 @@ export default {
     },
     components: { Listen, InTls, Hysteria2, Naive, Direct, Shadowsocks, Users, Hysteria, ShadowTls, TProxy, InMulitiplex, Tuic, Transport }
 }
-</script>
-
-<style>
-.v-card-subtitle {
-  text-align: center;
-  border-bottom: 1px solid gray;
-}
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
index 5df753f..372eaab 100644
--- a/frontend/src/locales/en.ts
+++ b/frontend/src/locales/en.ts
@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "Name",
+    desc: "Description",
     inboundTags: "Inbound Tags",
     basics: "Basics",
     config: "Config",
diff --git a/frontend/src/locales/fa.ts b/frontend/src/locales/fa.ts
index 5db2e7d..25e800e 100644
--- a/frontend/src/locales/fa.ts
+++ b/frontend/src/locales/fa.ts
@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "نام",
+    desc: "شرح",
     inboundTags: "برچسب‌های ورودی",
     basics: "پایه",
     config: "تنظیم",
diff --git a/frontend/src/locales/vi.ts b/frontend/src/locales/vi.ts
index 0c6ed69..6fb5447 100644
--- a/frontend/src/locales/vi.ts
+++ b/frontend/src/locales/vi.ts
@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "Tên",
+    desc: "Mô tả",
     inboundTags: "Thẻ đầu vào",
     basics: "Cơ bản",
     config: "Cấu hình",
diff --git a/frontend/src/locales/zhcn.ts b/frontend/src/locales/zhcn.ts
index a4ec7d9..2d6f989 100644
--- a/frontend/src/locales/zhcn.ts
+++ b/frontend/src/locales/zhcn.ts
@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "名称",
+    desc: "描述",
     inboundTags: "入站标签",
     basics: "基础",
     config: "配置",
diff --git a/frontend/src/locales/zhtw.ts b/frontend/src/locales/zhtw.ts
index 308fcb4..d37fa40 100644
--- a/frontend/src/locales/zhtw.ts
+++ b/frontend/src/locales/zhtw.ts
@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "名稱",
+    desc: "描述",
     inboundTags: "入站標簽",
     basics: "基礎",
     config: "配置",
diff --git a/frontend/src/types/clients.ts b/frontend/src/types/clients.ts
index 6706e21..1393909 100644
--- a/frontend/src/types/clients.ts
+++ b/frontend/src/types/clients.ts
@@ -11,6 +11,7 @@ export interface Client {
 	expiry: number
   up: number
   down: number
+  desc: string
 }
 
 const defaultClient: Client = {
@@ -23,6 +24,7 @@ const defaultClient: Client = {
   expiry: 0,
   up: 0,
   down: 0,
+  desc: "",
 }
 
 type Config = {
diff --git a/frontend/src/views/Clients.vue b/frontend/src/views/Clients.vue
index 953c483..7dc32f9 100644
--- a/frontend/src/views/Clients.vue
+++ b/frontend/src/views/Clients.vue
@@ -40,7 +40,11 @@
             </v-col>
           </v-row>
         </v-card-title>
-        <v-divider></v-divider>
+        <v-card-subtitle>
+          <v-row>
+            <v-col>{{ item.desc }}</v-col>
+          </v-row>
+        </v-card-subtitle>
         <v-card-text>
           <v-row>
             <v-col>{{ $t('pages.inbounds') }}</v-col>