diff --git a/apps/web/src/pages/system/roles/RolesPage.tsx b/apps/web/src/pages/system/roles/RolesPage.tsx
index 3841e25..152a9e3 100644
--- a/apps/web/src/pages/system/roles/RolesPage.tsx
+++ b/apps/web/src/pages/system/roles/RolesPage.tsx
@@ -171,7 +171,7 @@ export function RolesPage(): ReactNode {
   return (
     <div className="lx-roles">
       <header className="lx-roles__header">
-        <div>
+        <div className="lx-roles__head-txt">
           <h1>角色权限</h1>
           <p>配置功能权限、数据范围与特殊权限，变更即时生效并留痕</p>
         </div>
diff --git a/apps/web/src/styles/roles.css b/apps/web/src/styles/roles.css
index 87e3b02..499144e 100644
--- a/apps/web/src/styles/roles.css
+++ b/apps/web/src/styles/roles.css
@@ -21,6 +21,7 @@
   display: flex;
   flex: 0 0 auto;
   align-items: flex-start;
+  justify-content: space-between;
   gap: var(--lx-space-3);
 }
 
@@ -53,6 +54,7 @@
   flex: 0 0 auto;
   align-items: center;
   gap: var(--lx-space-2);
+  margin-left: auto;
 }
 
 .lx-roles__back {