diff --git a/.changeset/pretty-buckets-refuse.md b/.changeset/pretty-buckets-refuse.md
new file mode 100644
index 0000000..18498b4
--- /dev/null
+++ b/.changeset/pretty-buckets-refuse.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+add compact mode to Field
diff --git a/packages/react/src/components/Forms/Field/index.scss b/packages/react/src/components/Forms/Field/index.scss
index d4de3f2..bc67e26 100644
--- a/packages/react/src/components/Forms/Field/index.scss
+++ b/packages/react/src/components/Forms/Field/index.scss
@@ -27,4 +27,10 @@
   &--full-width {
     width: 100%;
   }
+
+  &--compact {
+    align-items: flex-start;
+    width: auto;
+  }
+
 }
\ No newline at end of file
diff --git a/packages/react/src/components/Forms/Field/index.stories.mdx b/packages/react/src/components/Forms/Field/index.stories.mdx
index 02f7199..ea669b4 100644
--- a/packages/react/src/components/Forms/Field/index.stories.mdx
+++ b/packages/react/src/components/Forms/Field/index.stories.mdx
@@ -24,4 +24,4 @@ available design token to do so.
 
 ## Props
 
-<ArgsTable of={Field} />
\ No newline at end of file
+<ArgsTable of={Field} exclude={["compact"]} />
\ No newline at end of file
diff --git a/packages/react/src/components/Forms/Field/index.tsx b/packages/react/src/components/Forms/Field/index.tsx
index 276390f..b2fb6f2 100644
--- a/packages/react/src/components/Forms/Field/index.tsx
+++ b/packages/react/src/components/Forms/Field/index.tsx
@@ -8,6 +8,8 @@ export type FieldProps = {
   text?: string | undefined;
   rightText?: string | undefined;
   fullWidth?: boolean | undefined;
+  compact?: boolean | undefined;
+  className?: string | undefined;
 };
 
 type Props = FieldProps & PropsWithChildren;
@@ -18,11 +20,14 @@ export const Field = ({
   text,
   rightText,
   fullWidth,
+  compact,
+  className,
 }: Props) => {
   return (
     <div
-      className={classNames("c__field", "c__field--" + state, {
+      className={classNames("c__field", "c__field--" + state, className, {
         "c__field--full-width": fullWidth,
+        "c__field--compact": compact,
       })}
     >
       {children}