diff --git a/ui/src/features/skills/skills_screen.tsx b/ui/src/features/skills/skills_screen.tsx
index fa648c8..bd962b0 100644
--- a/ui/src/features/skills/skills_screen.tsx
+++ b/ui/src/features/skills/skills_screen.tsx
@@ -155,7 +155,7 @@ export const SkillsScreen = observer(() => {
                 formBuilder={store.viewModel.Settings}
                 onChange={(form) => store.updateForm({ Settings: form })}
               />
-              <ButtonV2 text="save" onClick={() => store.handleFormBuilderModalCancel} />
+              <ButtonV2 text="save" onClick={() => store.handleFormBuilderModalCancel()} />
             </Modal>
 
             <CoreText
diff --git a/ui/src/features/skills/skills_store.ts b/ui/src/features/skills/skills_store.ts
index 480ec45..0180c8f 100644
--- a/ui/src/features/skills/skills_store.ts
+++ b/ui/src/features/skills/skills_store.ts
@@ -74,7 +74,12 @@ export class SkillsStore extends UiDrawerFormState<SkillModel, HttpError> {
   }
   saveNewSkill = async () => {
     (await this.viewModel.valid<SkillModel>()).fold(
-      async (model) => (await this.skillsHttpRepository.createNewSkill(model), this.handleCancel(), await this.init()),
+      async (model) => (
+        await this.skillsHttpRepository.createNewSkill(model),
+        this.handleCancel(),
+        await this.init(),
+        this.editDrawer(DrawersSkills.newSkill, false)
+      ),
       async (e) => message.error(e)
     );
   };