diff --git a/comps/form/base/BaseField.tsx b/comps/form/base/BaseField.tsx
index 2708fa6..1a53682 100755
--- a/comps/form/base/BaseField.tsx
+++ b/comps/form/base/BaseField.tsx
@@ -60,7 +60,7 @@ export const BaseField = (prop: {
       <div className="field-input c-flex c-flex-1 c-flex-col">
         <div
           className={cx(
-            !["toogle", "button", "radio", "checkbox"].includes(arg.sub_type)
+            !["toggle", "button", "radio", "checkbox"].includes(arg.sub_type)
               ? cx(
                   "field-outer c-overflow-hidden c-flex-1 c-flex c-flex-row c-text-sm c-bg-white",
                   "c-rounded "
diff --git a/comps/form/field/FieldInput.tsx b/comps/form/field/FieldInput.tsx
index bbb4aa1..254146e 100755
--- a/comps/form/field/FieldInput.tsx
+++ b/comps/form/field/FieldInput.tsx
@@ -108,7 +108,7 @@ export const FieldInput: FC<{
   return (
     <div
       className={cx(
-        !["toogle", "button", "radio", "checkbox"].includes(arg.sub_type)
+        !["toggle", "button", "radio", "checkbox"].includes(arg.sub_type)
           ? cx(
               "field-outer c-overflow-hidden c-flex-1 c-flex c-flex-row c-text-sm c-bg-white",
               "c-rounded "
diff --git a/comps/form/field/type/TypeSingleOption.tsx b/comps/form/field/type/TypeSingleOption.tsx
index b925d92..32b119c 100755
--- a/comps/form/field/type/TypeSingleOption.tsx
+++ b/comps/form/field/type/TypeSingleOption.tsx
@@ -16,7 +16,7 @@ export const SingleOption: FC<{
     <>
       {arg.sub_type === "dropdown" ? (
         <TypeDropdown arg={arg} field={field} fm={fm} />
-      ) : arg.sub_type === "toogle" ? (
+      ) : arg.sub_type === "toggle" ? (
         <FieldToggle arg={arg} field={field} fm={fm} />
       ) : arg.sub_type === "button" ? (
         <FieldButton arg={arg} field={field} fm={fm} />
diff --git a/comps/form/gen/fields.ts b/comps/form/gen/fields.ts
index e3713c1..6898e5f 100755
--- a/comps/form/gen/fields.ts
+++ b/comps/form/gen/fields.ts
@@ -92,7 +92,7 @@ export const newField = async (
 }`,
           ],
           type: "single-option",
-          sub_type: "toogle",
+          sub_type: "toggle",
           ext__on_change: opt.on_change
             ? [opt.on_change, opt.on_change]
             : undefined,