diff --git a/frontend/src/ui/components/Field.tsx b/frontend/src/ui/components/Field.tsx
index 6f0699c..869d2e2 100644
--- a/frontend/src/ui/components/Field.tsx
+++ b/frontend/src/ui/components/Field.tsx
@@ -2,12 +2,30 @@ import React from 'react';
 
 export interface FieldProps {
   name?: string;
+  className?: string;
+  horizontal?: boolean;
 }
 
-function Field({ name, children }: React.PropsWithChildren<FieldProps>) {
+function Field({
+  name,
+  className,
+  horizontal,
+  children,
+}: React.PropsWithChildren<FieldProps>) {
+  let classes = className ?? '';
+  if (horizontal) {
+    classes += ' is-horizontal';
+  }
+  let nameEl = null;
+  if (name) {
+    nameEl = <label className="label">{name}</label>;
+    if (horizontal) {
+      nameEl = <div className="field-label is-normal">{nameEl}</div>;
+    }
+  }
   return (
-    <div className="field">
-      {name ? <label className="label">{name}</label> : null}
+    <div className={`field ${classes}`}>
+      {nameEl}
       {children}
     </div>
   );