diff --git a/hub/filelib-web/src/lib/GrantsPanel.svelte b/hub/filelib-web/src/lib/GrantsPanel.svelte
index 80c7c7b..94fe25c 100644
--- a/hub/filelib-web/src/lib/GrantsPanel.svelte
+++ b/hub/filelib-web/src/lib/GrantsPanel.svelte
@@ -242,7 +242,15 @@
   {:else}
     <table class="list">
       <thead>
-        <tr><th>成员</th><th>userId</th><th>飞书 ID</th><th>类型</th><th>权限</th><th>加入时间</th><th></th></tr>
+        <tr>
+          <th class="whitespace-nowrap pr-4">成员</th>
+          <th class="whitespace-nowrap pr-4">userId</th>
+          <th class="whitespace-nowrap pr-4">飞书 ID</th>
+          <th class="whitespace-nowrap pr-4">类型</th>
+          <th class="whitespace-nowrap pr-4">权限</th>
+          <th class="whitespace-nowrap pr-4">加入时间</th>
+          <th></th>
+        </tr>
       </thead>
       <tbody>
         {#if shown.length === 0}
@@ -254,7 +262,7 @@
         {:else}
           {#each shown as g (g.id)}
             <tr>
-              <td>
+              <td class="whitespace-nowrap pr-4">
                 <a class="inline-flex items-center gap-2 text-ink hover:text-accent" href={principalHref(g)}>
                   <Avatar displayName={g.principalName} userId={g.principalId} size={26} />
                   <span class="flex items-center gap-1.5 text-[13px]">
@@ -263,10 +271,14 @@
                   </span>
                 </a>
               </td>
-              <td class="file-meta font-mono">{g.principalType === "USER" ? g.principalId : "—"}</td>
-              <td class="file-meta font-mono">{g.principalOpenId ?? "—"}</td>
-              <td><span class="tag">{g.principalType === "USER" ? "个人" : "Group"}</span></td>
-              <td>
+              <td class="file-meta max-w-[230px] truncate pr-4 font-mono" title={g.principalType === "USER" ? g.principalId : ""}>
+                {g.principalType === "USER" ? g.principalId : "—"}
+              </td>
+              <td class="file-meta max-w-[230px] truncate pr-4 font-mono" title={g.principalOpenId ?? ""}>
+                {g.principalOpenId ?? "—"}
+              </td>
+              <td class="whitespace-nowrap pr-4"><span class="tag">{g.principalType === "USER" ? "个人" : "Group"}</span></td>
+              <td class="whitespace-nowrap pr-4">
                 <!-- 创建者授权不可动(契约 8.1);非 MANAGE 持有者只读。 -->
                 {#if !g.isCreatorGrant && canManage}
                   <select
@@ -282,8 +294,8 @@
                   <span class="file-meta">{ROLE_LABEL[g.role]}</span>
                 {/if}
               </td>
-              <td class="file-meta">{fmtDate(g.createdAt)}</td>
-              <td class="text-right">
+              <td class="file-meta whitespace-nowrap pr-4">{fmtDate(g.createdAt)}</td>
+              <td class="whitespace-nowrap text-right">
                 {#if !g.isCreatorGrant && canManage}
                   <button class="link-danger inline-flex items-center gap-1" onclick={() => void revoke(g)}>
                     <Icon name="trash" size={12} /> 删除
diff --git a/hub/filelib-web/src/lib/NodeDetailPanel.svelte b/hub/filelib-web/src/lib/NodeDetailPanel.svelte
index 3570db7..9a4f9f2 100644
--- a/hub/filelib-web/src/lib/NodeDetailPanel.svelte
+++ b/hub/filelib-web/src/lib/NodeDetailPanel.svelte
@@ -88,7 +88,7 @@
 {#if node === null}
   <div class="flex h-full items-center justify-center text-[13px] text-ink-3">从左侧选择一个文件夹或项目</div>
 {:else}
-  <div class="mx-auto max-w-[880px] px-9 py-9">
+  <div class="mx-auto max-w-[1120px] px-9 py-9">
     <div class="mb-2 text-[12.5px] text-ink-3">
       {#each crumbs as c, i (i)}
         {#if i > 0}<span class="mx-1 text-line">/</span>{/if}