diff --git a/apps/web/src/pages/AdminSettingsPage.tsx b/apps/web/src/pages/AdminSettingsPage.tsx
index 36ad39e..53cf5c9 100644
--- a/apps/web/src/pages/AdminSettingsPage.tsx
+++ b/apps/web/src/pages/AdminSettingsPage.tsx
@@ -274,7 +274,12 @@ function LandingSettingsForm({ settings }: { settings: InstanceSettings }): Reac
       <form onSubmit={(event) => void onSubmit(event)} noValidate>
         <FormError error={error} />
         <FormSuccess message={saved ? t('landing.saved') : null} />
-        <LegalTextField label={t('landing.label')} value={content} onChange={setContent} />
+        <MarkdownTextField
+          wrapperClass="markdown-field"
+          label={t('landing.label')}
+          value={content}
+          onChange={setContent}
+        />
         <button type="submit" className="button" disabled={busy}>
           {t('landing.save')}
         </button>
@@ -325,8 +330,8 @@ function LegalSettingsForm({ settings }: { settings: InstanceSettings }): React.
       <form onSubmit={(event) => void onSubmit(event)} noValidate>
         <FormError error={error} />
         <FormSuccess message={saved ? t('admin.save') : null} />
-        <LegalTextField label={t('admin.imprint')} value={imprint} onChange={setImprint} />
-        <LegalTextField label={t('admin.privacyPolicy')} value={privacy} onChange={setPrivacy} />
+        <MarkdownTextField label={t('admin.imprint')} value={imprint} onChange={setImprint} />
+        <MarkdownTextField label={t('admin.privacyPolicy')} value={privacy} onChange={setPrivacy} />
         <button type="submit" className="button" disabled={busy}>
           {t('admin.save')}
         </button>
@@ -335,20 +340,27 @@ function LegalSettingsForm({ settings }: { settings: InstanceSettings }): React.
   );
 }
 
-/** One Markdown textarea with a toggleable rendered preview. */
-function LegalTextField({
+/**
+ * One Markdown textarea with a toggleable rendered preview. `wrapperClass`
+ * distinguishes instances on the page: the legal editors keep `legal-editor`
+ * (the legal e2e selects them by that class and index), the landing editor
+ * gets its own so it does not shift those indices.
+ */
+function MarkdownTextField({
   label,
   value,
   onChange,
+  wrapperClass = 'legal-editor',
 }: {
   label: string;
   value: string;
   onChange: (value: string) => void;
+  wrapperClass?: string;
 }): React.JSX.Element {
   const { t } = useTranslation('legal');
   const [preview, setPreview] = useState(false);
   return (
-    <div className="legal-editor">
+    <div className={wrapperClass}>
       <Field label={label}>
         <textarea
           rows={10}
@@ -363,7 +375,7 @@ function LegalTextField({
       {preview && (
         // Same sanitizing pipeline as the api's public rendering — safe.
         <div
-          className="legal-editor__preview legal-page__body"
+          className={`${wrapperClass}__preview legal-page__body`}
           dangerouslySetInnerHTML={{ __html: docToHtml(markdownToDoc(value)) }}
         />
       )}
diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css
index ccf58aa..68e9b25 100644
--- a/apps/web/src/styles/base.css
+++ b/apps/web/src/styles/base.css
@@ -530,17 +530,20 @@ button {
   color: var(--color-text-muted);
 }
 
-.legal-editor {
+.legal-editor,
+.markdown-field {
   margin-bottom: var(--space-4);
 }
 
-.legal-editor textarea {
+.legal-editor textarea,
+.markdown-field textarea {
   width: 100%;
   font-family: var(--font-mono);
   font-size: 0.9rem;
 }
 
-.legal-editor__preview {
+.legal-editor__preview,
+.markdown-field__preview {
   margin-top: var(--space-3);
   padding: var(--space-3);
   border: 1px dashed var(--color-border);