diff --git a/components/components.css b/components/components.css
index 803710c..8bb056b 100644
--- a/components/components.css
+++ b/components/components.css
@@ -25,6 +25,7 @@
 @import "./informational/kbd.css";
 @import "./informational/progress.css";
 @import "./informational/dot.css";
+@import "./informational/form-control.css";
 @import "./navigation/navbar.css";
 @import "./navigation/breadcrumb.css";
 @import "./navigation/drawer.css";
diff --git a/components/informational/form-control.css b/components/informational/form-control.css
new file mode 100644
index 0000000..a46d93a
--- /dev/null
+++ b/components/informational/form-control.css
@@ -0,0 +1,19 @@
+.form-group {
+  @apply flex w-full flex-col gap-3;
+}
+
+.form-field {
+  @apply flex flex-col gap-1.5;
+}
+
+.form-label {
+  @apply flex  flex-row justify-between px-1 text-sm text-content1;
+}
+
+.form-label-alt {
+  @apply text-xs text-content2;
+}
+
+.form-control {
+  @apply relative flex flex-row gap-1.5 text-sm;
+}