diff --git a/components/calculator/Inputs/CheckboxInput.tsx b/components/calculator/Inputs/CheckboxInput.tsx
index 3e63f5ac6..113a3804f 100644
--- a/components/calculator/Inputs/CheckboxInput.tsx
+++ b/components/calculator/Inputs/CheckboxInput.tsx
@@ -22,7 +22,7 @@ export const CheckboxInput: React.FC<Props> = React.memo(
           {...otherProps}
           type="checkbox"
           onChange={onCheckboxChange}
-          className={`${className} meta-checkbox accent-custom-puple toggle bg-custom-puple`}
+          className={`${className} meta-checkbox accent-custom-purple toggle bg-custom-purple`}
         />
       </div>
     );
diff --git a/components/calculator/Inputs/SelectInput.tsx b/components/calculator/Inputs/SelectInput.tsx
index 8ed61b844..c43bd8267 100644
--- a/components/calculator/Inputs/SelectInput.tsx
+++ b/components/calculator/Inputs/SelectInput.tsx
@@ -23,7 +23,7 @@ export const SelectInput: React.FC<Props> = React.memo(
             {label}
           </label>
         )}
-        <p className="text-xs my-1 calcularor-label_description">
+        <p className="text-xs my-1 calculator-label_description">
           {description}
         </p>
         <div className="grid">
diff --git a/components/calculator/Inputs/TextInput.tsx b/components/calculator/Inputs/TextInput.tsx
index 65b92bf75..05d1b18c5 100644
--- a/components/calculator/Inputs/TextInput.tsx
+++ b/components/calculator/Inputs/TextInput.tsx
@@ -35,7 +35,7 @@ export const TextInput = ({
           {label}
         </label>
       )}
-      <p className="text-xs my-1 calcularor-label_description">{description}</p>
+      <p className="text-xs my-1 calculator-label_description">{description}</p>
 
       <input
         {...otherProps}