diff --git a/src/components/settings/VacationSettings.tsx b/src/components/settings/VacationSettings.tsx
index e9ab2e11..695426fa 100644
--- a/src/components/settings/VacationSettings.tsx
+++ b/src/components/settings/VacationSettings.tsx
@@ -242,18 +242,20 @@ export function VacationSettings() {
title={t('settings.vacation.message.title', 'Auto-Reply Message')}
description={t('settings.vacation.message.description', 'The message that will be sent as a reply')}
>
-
+ {/* Stacked like the body below: beside its label, a fixed-width field
+ squeezed the label into five lines on a phone. */}
+
+ {t('settings.vacation.message.subject_label', 'Subject')}
+ {t('settings.vacation.message.subject_description', 'Subject line of the auto-reply')}
-
+
{t('settings.vacation.message.body_label', 'Message Body')}
{t('settings.vacation.message.body_description', 'Plain text message content')}
@@ -431,7 +433,6 @@ function makeStyles(c: ThemePalette) {
},
inputInvalid: { borderColor: c.error },
subjectInput: {
- width: 240,
paddingHorizontal: spacing.md,
paddingVertical: 6,
borderRadius: radius.sm,