diff --git a/ui/src/components/workflow/DropdownMenuItemIcon.tsx b/ui/src/components/workflow/DropdownMenuItemIcon.tsx
index 95c937a0..537d8efa 100644
--- a/ui/src/components/workflow/DropdownMenuItemIcon.tsx
+++ b/ui/src/components/workflow/DropdownMenuItemIcon.tsx
@@ -1,4 +1,4 @@
-import { WorkflowwNodeDropdwonItemIcon, WorkflowwNodeDropdwonItemIconType } from "@/domain/workflow";
+import { WorkflowNodeDropdwonItemIcon, WorkflowNodeDropdwonItemIconType } from "@/domain/workflow";
 import { CloudUpload, GitFork, Megaphone, NotebookPen } from "lucide-react";
 
 const icons = new Map([
@@ -8,9 +8,9 @@ const icons = new Map([
   ["Megaphone", <Megaphone size={16} />],
 ]);
 
-const DropdownMenuItemIcon = ({ type, name }: WorkflowwNodeDropdwonItemIcon) => {
+const DropdownMenuItemIcon = ({ type, name }: WorkflowNodeDropdwonItemIcon) => {
   const getIcon = () => {
-    if (type === WorkflowwNodeDropdwonItemIconType.Icon) {
+    if (type === WorkflowNodeDropdwonItemIconType.Icon) {
       return icons.get(name);
     } else {
       return <img src={name} className="w-4" />;
diff --git a/ui/src/domain/settings.ts b/ui/src/domain/settings.ts
index 8709e67b..46803370 100644
--- a/ui/src/domain/settings.ts
+++ b/ui/src/domain/settings.ts
@@ -56,8 +56,8 @@ export const channels: ChannelLabel[] = [
     label: "common.provider.serverchan",
   },
   {
-    name: "mail",
-    label: "common.provider.mail",
+    name: "email",
+    label: "common.provider.email",
   },
   {
     name: "bark",
diff --git a/ui/src/domain/workflow.ts b/ui/src/domain/workflow.ts
index d200b5b4..0f74bc09 100644
--- a/ui/src/domain/workflow.ts
+++ b/ui/src/domain/workflow.ts
@@ -1,5 +1,6 @@
 import { produce } from "immer";
 import { nanoid } from "nanoid";
+
 import i18n from "@/i18n";
 import { deployTargets, KVType } from "./domain";
 
@@ -399,44 +400,44 @@ export type WorkflowBranchNode = {
   next?: WorkflowNode | WorkflowBranchNode;
 };
 
-type WorkflowwNodeDropdwonItem = {
+type WorkflowNodeDropdwonItem = {
   type: WorkflowNodeType;
   providerType?: string;
   name: string;
-  icon: WorkflowwNodeDropdwonItemIcon;
+  icon: WorkflowNodeDropdwonItemIcon;
   leaf?: boolean;
-  children?: WorkflowwNodeDropdwonItem[];
+  children?: WorkflowNodeDropdwonItem[];
 };
 
-export enum WorkflowwNodeDropdwonItemIconType {
+export enum WorkflowNodeDropdwonItemIconType {
   Icon,
   Provider,
 }
 
-export type WorkflowwNodeDropdwonItemIcon = {
-  type: WorkflowwNodeDropdwonItemIconType;
+export type WorkflowNodeDropdwonItemIcon = {
+  type: WorkflowNodeDropdwonItemIconType;
   name: string;
 };
 
-const workflowNodeDropdownDeployList: WorkflowwNodeDropdwonItem[] = deployTargets.map((item) => {
+const workflowNodeDropdownDeployList: WorkflowNodeDropdwonItem[] = deployTargets.map((item) => {
   return {
     type: WorkflowNodeType.Apply,
     providerType: item.type,
     name: i18n.t(item.name),
     leaf: true,
     icon: {
-      type: WorkflowwNodeDropdwonItemIconType.Provider,
+      type: WorkflowNodeDropdwonItemIconType.Provider,
       name: item.icon,
     },
   };
 });
 
-export const workflowNodeDropdownList: WorkflowwNodeDropdwonItem[] = [
+export const workflowNodeDropdownList: WorkflowNodeDropdwonItem[] = [
   {
     type: WorkflowNodeType.Apply,
     name: workflowNodeTypeDefaultName.get(WorkflowNodeType.Apply) ?? "",
     icon: {
-      type: WorkflowwNodeDropdwonItemIconType.Icon,
+      type: WorkflowNodeDropdwonItemIconType.Icon,
       name: "NotebookPen",
     },
     leaf: true,
@@ -445,7 +446,7 @@ export const workflowNodeDropdownList: WorkflowwNodeDropdwonItem[] = [
     type: WorkflowNodeType.Deploy,
     name: workflowNodeTypeDefaultName.get(WorkflowNodeType.Deploy) ?? "",
     icon: {
-      type: WorkflowwNodeDropdwonItemIconType.Icon,
+      type: WorkflowNodeDropdwonItemIconType.Icon,
       name: "CloudUpload",
     },
     children: workflowNodeDropdownDeployList,
@@ -455,7 +456,7 @@ export const workflowNodeDropdownList: WorkflowwNodeDropdwonItem[] = [
     name: workflowNodeTypeDefaultName.get(WorkflowNodeType.Branch) ?? "",
     leaf: true,
     icon: {
-      type: WorkflowwNodeDropdwonItemIconType.Icon,
+      type: WorkflowNodeDropdwonItemIconType.Icon,
       name: "GitFork",
     },
   },
@@ -464,7 +465,7 @@ export const workflowNodeDropdownList: WorkflowwNodeDropdwonItem[] = [
     name: workflowNodeTypeDefaultName.get(WorkflowNodeType.Notify) ?? "",
     leaf: true,
     icon: {
-      type: WorkflowwNodeDropdwonItemIconType.Icon,
+      type: WorkflowNodeDropdwonItemIconType.Icon,
       name: "Megaphone",
     },
   },