diff --git a/src/form/Form.jsx b/src/form/Form.tsx
similarity index 72%
rename from src/form/Form.jsx
rename to src/form/Form.tsx
index 011fbb26..fbe7fe00 100644
--- a/src/form/Form.jsx
+++ b/src/form/Form.tsx
@@ -16,12 +16,15 @@ limitations under the License.
 
 import classNames from "classnames";
 import React, { forwardRef } from "react";
+
 import styles from "./Form.module.css";
 
-export const Form = forwardRef(({ children, className, ...rest }, ref) => {
-  return (
-    <form {...rest} className={classNames(styles.form, className)} ref={ref}>
-      {children}
-    </form>
-  );
-});
+export const Form = forwardRef<HTMLFormElement, { className: string }>(
+  ({ children, className, ...rest }, ref) => {
+    return (
+      <form {...rest} className={classNames(styles.form, className)} ref={ref}>
+        {children}
+      </form>
+    );
+  }
+);