diff --git a/packages/react/src/components/Forms/LabelledBox/index.scss b/packages/react/src/components/Forms/LabelledBox/index.scss
index f56587c..838fb17 100644
--- a/packages/react/src/components/Forms/LabelledBox/index.scss
+++ b/packages/react/src/components/Forms/LabelledBox/index.scss
@@ -38,4 +38,21 @@
       flex-grow: 1;
     }
   }
+
+  &--horizontal {
+    display: flex;
+    align-items: center;
+    height: auto;
+
+    label {
+      padding-top: 0;
+      position: static;
+      flex-shrink: 0;
+    }
+
+    .labelled-box__children {
+      flex-grow: 1;
+      padding: 0;
+    }
+  }
 }
diff --git a/packages/react/src/components/Forms/LabelledBox/index.tsx b/packages/react/src/components/Forms/LabelledBox/index.tsx
index 22e92fe..9db94d3 100644
--- a/packages/react/src/components/Forms/LabelledBox/index.tsx
+++ b/packages/react/src/components/Forms/LabelledBox/index.tsx
@@ -7,6 +7,7 @@ export interface Props extends PropsWithChildren {
   htmlFor?: string;
   labelId?: string;
   hideLabel?: boolean;
+  horizontal?: boolean;
 }
 
 export const LabelledBox = ({
@@ -16,11 +17,13 @@ export const LabelledBox = ({
   htmlFor,
   labelId,
   hideLabel,
+  horizontal,
 }: Props) => {
   return (
     <div
       className={classNames("labelled-box", {
         "labelled-box--no-label": hideLabel,
+        "labelled-box--horizontal": horizontal,
       })}
     >
       {label && (