diff --git a/templates/user/settings/profile.tmpl b/templates/user/settings/profile.tmpl
index 15eedc5056..e596fa3496 100644
--- a/templates/user/settings/profile.tmpl
+++ b/templates/user/settings/profile.tmpl
@@ -24,7 +24,7 @@
 				<div class="inline field">
 					<span class="inline field"><label for="pronouns">{{ctx.Locale.Tr "settings.pronouns"}}</label></span>
 					<div id="pronouns-dropdown" style="display: none" class="ui selection dropdown">
-						<input type="hidden" name="pronouns" value="{{.SignedUser.Pronouns}}">
+						<input type="hidden" value="{{.SignedUser.Pronouns}}">
 						<div class="text">
 							{{if .PronounsAreCustom}}
 								{{ctx.Locale.Tr "settings.pronouns_custom"}}
diff --git a/web_src/js/features/user-settings.js b/web_src/js/features/user-settings.js
index 111bfc4465..717ef945e1 100644
--- a/web_src/js/features/user-settings.js
+++ b/web_src/js/features/user-settings.js
@@ -54,6 +54,7 @@ export function initUserSettings() {
   // If JS is disabled, the page will show the custom input, as the dropdown requires JS to work.
   // JS progressively enhances the input by adding a dropdown, but it works regardless.
   pronounsCustom.removeAttribute('name');
+  pronounsInput.setAttribute('name', 'pronouns');
   pronounsDropdown.style.display = '';
 
   onPronounsDropdownUpdate();