diff --git a/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx b/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
index 63ae0405c..6d52cfafb 100644
--- a/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
+++ b/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
@@ -200,6 +200,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
         if (data.type === 'start') {
             createWsMsg(data)
         } else if (data.type === 'stream') {
+            //@ts-ignore
             updateCurrentMessage({
                 chat_id: data.chat_id,
                 message: data.message,
@@ -256,7 +257,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
             {/* form */}
             {
                 formShow && <div className="relative">
-                    <div className="absolute left-0 border bottom-2 bg-[#fff] px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
+                    <div className="absolute left-0 border bottom-2 bg-background-login px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
                         {inputForm}
                     </div>
                 </div>
diff --git a/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx b/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
index 518e70afb..52e567690 100644
--- a/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
+++ b/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
@@ -37,7 +37,7 @@ export default function SkillTempSheet({ children, onSelect }) {
                     <SheetDescription>{t('skills.skillTemplateChoose')}</SheetDescription>
                     <SearchInput value={keyword} placeholder={t('build.search')} className="my-6" onChange={(e) => setKeyword(e.target.value)} />
                 </div>
-                <div className="flex-1 min-w-[696px] bg-[#fff] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
+                <div className="flex-1 min-w-[696px] bg-[#fff] dark:bg-[#030712] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
                     <CardComponent
                         id={0}
                         type="sheet"
diff --git a/src/frontend/src/pages/SystemPage/components/EditRole.tsx b/src/frontend/src/pages/SystemPage/components/EditRole.tsx
index d0b636a4b..7e7e38181 100644
--- a/src/frontend/src/pages/SystemPage/components/EditRole.tsx
+++ b/src/frontend/src/pages/SystemPage/components/EditRole.tsx
@@ -168,40 +168,40 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
             <Input placeholder={t('system.roleName')} value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} maxLength={60}></Input>
         </div>
         {/* 菜单授权 */}
-        <div className="">
+        <div>
             <div className="mt-20 flex justify-between items-center relative">
                 <p className="text-xl font-bold">菜单授权</p>
             </div>
-            <div className="mt-4">
+            <div className="mt-4 w-full">
                 <Table>
                     <TableHeader>
                         <TableRow>
                             <TableHead>一级菜单</TableHead>
-                            <TableHead className="text-right">查看权限</TableHead>
+                            <TableHead className="text-right w-[75px]">查看权限</TableHead>
                         </TableRow>
                     </TableHeader>
                     <TableBody>
                         <TableRow>
                             <TableCell className="font-medium">构建</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.BUILD)} onCheckedChange={(bln) => switchDataChange(MenuType.BUILD, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">知识</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.KNOWLEDGE)} onCheckedChange={(bln) => switchDataChange(MenuType.KNOWLEDGE, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">模型</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.MODEL)} onCheckedChange={(bln) => switchDataChange(MenuType.MODEL, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">评测</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.EVALUATION)} onCheckedChange={(bln) => switchDataChange(MenuType.EVALUATION, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
@@ -220,8 +220,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('system.assistantName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -229,7 +229,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.useAssistant.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useAssistant', bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -251,8 +251,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('system.skillName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -260,7 +260,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.useSkills.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useSkills', bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -281,9 +281,9 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('lib.libraryName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
-                                <TableHead className="text-right">{t('system.managePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead>{t('system.usePermission')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.managePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -291,10 +291,10 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-left">
                                         <Switch checked={form.useLibs.includes(el.id)} onCheckedChange={(bln) => switchUseLib(el.id, bln)} />
                                     </TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.manageLibs.includes(el.id)} onCheckedChange={(bln) => switchLibManage(el.id, bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -316,8 +316,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('lib.toolName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -325,7 +325,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch
                                             checked={form.useTools.includes(el.id)}
                                             onCheckedChange={(bln) => switchDataChange(el.id, 'useTools', bln)}