diff --git a/frontend/src/components/Form/DomainNamesField.tsx b/frontend/src/components/Form/DomainNamesField.tsx
index bdba2f2e23..939ffe48b9 100644
--- a/frontend/src/components/Form/DomainNamesField.tsx
+++ b/frontend/src/components/Form/DomainNamesField.tsx
@@ -33,7 +33,7 @@ export function DomainNamesField({
 
 	const handleChange = (v: MultiValue<SelectOption>, _actionMeta: ActionMeta<SelectOption>) => {
 		const doms = v?.map((i: SelectOption) => {
-			return i.value;
+			return i.value.trim();
 		});
 		setFieldValue(name, doms);
 		onChange?.(doms);
diff --git a/frontend/src/modals/ProxyHostModal.tsx b/frontend/src/modals/ProxyHostModal.tsx
index ca322849d8..ebe32492d1 100644
--- a/frontend/src/modals/ProxyHostModal.tsx
+++ b/frontend/src/modals/ProxyHostModal.tsx
@@ -209,6 +209,10 @@ const ProxyHostModal = EasyModal.create(({ id, visible, remove }: Props) => {
 																		required
 																		placeholder="example.com"
 																		{...field}
+																		onChange={(e) => {
+																			const trimmed = e.target.value.trim();
+																			field.onChange({ ...e, target: { ...e.target, value: trimmed } });
+																		}}
 																	/>
 																	{form.errors.forwardHost ? (
 																		<div className="invalid-feedback">