diff --git a/docs/project_context.md b/docs/project_context.md
index 4f05679..02528dd 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -533,3 +533,4 @@
 - `frontend/src/components/ApiTokenManager.vue` renders Token values as a compact row with right-side icon buttons: an eye button toggles masked/full Token display, and a copy button copies the complete Token directly from the row.
 - The per-row operation dropdown now keeps edit, enable/disable, regenerate, and delete actions; copying is surfaced beside the Token value for faster repeated use.
 - Build verification: `npm run build` passed with only the existing Vite large chunk warning.
+- Follow-up UI adjustment: the eye/copy buttons now sit immediately after the Token text instead of being pushed to the far right, and Token rows show `created_at` in the metadata area.
diff --git a/frontend/src/components/ApiTokenManager.vue b/frontend/src/components/ApiTokenManager.vue
index 45dd588..f435662 100644
--- a/frontend/src/components/ApiTokenManager.vue
+++ b/frontend/src/components/ApiTokenManager.vue
@@ -75,6 +75,7 @@
               </div>
             </div>
             <div class="api-token-meta">
+              <span>创建：{{ formatDateTime(token.created_at) }}</span>
               <span>到期：{{ formatExpiration(token.expires_at) }}</span>
               <span>最近使用：{{ formatDateTime(token.last_used_at) }}</span>
               <span v-if="token.last_used_from">来源：{{ token.last_used_from }}</span>
@@ -564,7 +565,8 @@ function formatDateInput(date: Date): string {
 
 .api-token-value {
   min-width: 0;
-  flex: 1;
+  max-width: min(72ch, 100%);
+  flex: 0 1 auto;
   overflow: hidden;
   color: var(--td-text-color-secondary);
   font-family: var(--td-font-family-mono);