diff --git a/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/ChatTest.tsx b/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/ChatTest.tsx
index ffcebcc3b..0c3199f8d 100644
--- a/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/ChatTest.tsx
+++ b/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/ChatTest.tsx
@@ -27,7 +27,7 @@ const ChatTest = ({ skill, setAppForm }: Props) => {
   return (
     <MyBox display={'flex'} position={'relative'} flexDirection={'column'} h={'full'} py={4}>
       <Flex px={[2, 5]} pb={2}>
-        <Box color={'myGray.900'} fontWeight={'bold'} flex={1}>
+        <Box color={'myGray.900'} fontWeight={'bold'} fontSize={'lg'} flex={1}>
           {t('app:skill_editor')}
         </Box>
         <MyTooltip label={t('common:core.chat.Restart')}>
diff --git a/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/EditForm.tsx b/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/EditForm.tsx
index ac1f98b80..6bab50f4e 100644
--- a/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/EditForm.tsx
+++ b/projects/app/src/pageComponents/app/detail/Edit/ChatAgent/SkillEdit/EditForm.tsx
@@ -112,17 +112,22 @@ const EditForm = ({
           <IconButton
             variant={'whiteBase'}
             icon={<MyIcon name="common/backLight" w={'1rem'} />}
-            size={'smSquare'}
+            size={'xsSquare'}
             aria-label={''}
-            w={'32px'}
-            h={'32px'}
+            w={'28px'}
+            h={'28px'}
             onClick={onClose}
           />
           <Box color={'myGray.900'} flex={'1 0 0'} w={'0'} className={'textEllipsis'}>
             {name || t('app:skill_empty_name')}
           </Box>
 
-          <Button variant={'primary'} onClick={handleSubmit(onSave)}>
+          <Button
+            variant={'primaryOutline'}
+            size={'sm'}
+            leftIcon={<MyIcon name="save" w={'1rem'} />}
+            onClick={handleSubmit(onSave)}
+          >
             {t('common:Save')}
           </Button>
         </HStack>
@@ -133,6 +138,7 @@ const EditForm = ({
           </FormLabel>
           <Input
             {...register('name', { required: true })}
+            bg={'myGray.50'}
             maxLength={30}
             placeholder={t('app:skill_name_placeholder')}
           />
@@ -146,6 +152,7 @@ const EditForm = ({
             <QuestionTip label={t('app:skill_description_placeholder')} />
           </HStack>
           <Textarea
+            bg={'myGray.50'}
             rows={3}
             mt={1}
             resize={'vertical'}