diff --git a/frontend/src/features/admin/views/AdminRolesView.vue b/frontend/src/features/admin/views/AdminRolesView.vue
index d5c6a4b..4a6ba65 100644
--- a/frontend/src/features/admin/views/AdminRolesView.vue
+++ b/frontend/src/features/admin/views/AdminRolesView.vue
@@ -76,7 +76,7 @@ async function handleDelete(row: Role) {
       <el-table-column prop="name" label="名称" min-width="120" />
       <el-table-column prop="description" label="描述" min-width="200" />
       <el-table-column prop="perm_count" label="权限数" width="90" align="center" />
-      <el-table-column label="操作" width="240" fixed="right">
+      <el-table-column label="操作" width="210" align="center">
         <template #default="{ row }">
           <el-button size="small" @click="openEdit(row)">编辑</el-button>
           <el-button size="small" type="primary" @click="openPerms(row)">权限</el-button>
diff --git a/frontend/src/styles/admin.css b/frontend/src/styles/admin.css
index 441bb01..2448b64 100644
--- a/frontend/src/styles/admin.css
+++ b/frontend/src/styles/admin.css
@@ -626,7 +626,12 @@ h1 {
   padding: 4px;
 }
 
-.table-panel .el-table {
+.el-table.table-panel {
+  padding: 0;
+}
+
+.table-panel .el-table,
+.el-table.table-panel {
   --el-table-border-color: #f0f2f5;
   --el-table-header-bg-color: #f8f9fe;
   --el-table-header-text-color: #8f9bba;
@@ -634,7 +639,8 @@ h1 {
   font-size: 14px;
 }
 
-.table-panel .el-table th {
+.table-panel .el-table th,
+.el-table.table-panel th {
   font-weight: 600;
   font-size: 12px;
   text-transform: uppercase;