diff --git a/web/e2e-tests/custom-profile.test.ts b/web/e2e-tests/custom-profile.test.ts
index 4a054ea7e5..167f94cdff 100644
--- a/web/e2e-tests/custom-profile.test.ts
+++ b/web/e2e-tests/custom-profile.test.ts
@@ -8,7 +8,7 @@ import * as common from "./lib/common.ts";
 const profile_field_row = "#admin_profile_fields_table tr:nth-last-child(1)";
 
 async function test_add_new_profile_field(page: Page): Promise<void> {
-    await page.click("#add-custom-profile-field-btn");
+    await page.click("#add-custom-profile-field-button");
     await common.wait_for_micromodal_to_open(page);
     assert.strictEqual(
         await common.get_text_from_selector(page, ".dialog_heading"),
diff --git a/web/src/settings_profile_fields.ts b/web/src/settings_profile_fields.ts
index c3b609fca3..d72ddbf119 100644
--- a/web/src/settings_profile_fields.ts
+++ b/web/src/settings_profile_fields.ts
@@ -817,7 +817,7 @@ export function build_page(): void {
     meta.loaded = true;
 
     $("#admin_profile_fields_table").on("click", ".delete", delete_profile_field);
-    $("#add-custom-profile-field-btn").on("click", open_custom_profile_field_form_modal);
+    $("#add-custom-profile-field-button").on("click", open_custom_profile_field_form_modal);
     $("#admin_profile_fields_table").on("click", ".open-edit-form-modal", open_edit_form_modal);
     $("#admin_profile_fields_table").on(
         "click",
diff --git a/web/styles/settings.css b/web/styles/settings.css
index 6a4f3c59c7..400a8ea92a 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -601,7 +601,7 @@ input[type="checkbox"] {
     margin-top: 4px;
 }
 
-#add-custom-profile-field-btn {
+#add-custom-profile-field-button {
     float: right;
     margin-top: 4px;
 }
diff --git a/web/templates/settings/profile_field_settings_admin.hbs b/web/templates/settings/profile_field_settings_admin.hbs
index 7017caeeed..c7f2bc673c 100644
--- a/web/templates/settings/profile_field_settings_admin.hbs
+++ b/web/templates/settings/profile_field_settings_admin.hbs
@@ -3,7 +3,7 @@
         <h3>{{t "Custom profile fields"}}</h3>
         <div class="alert-notification" id="admin-profile-field-status"></div>
         {{#if is_admin}}
-        <button class="button rounded sea-green" id="add-custom-profile-field-btn">{{t "Add a new profile field" }}</button>
+        <button class="button rounded sea-green" id="add-custom-profile-field-button">{{t "Add a new profile field" }}</button>
         {{/if}}
     </div>
     <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">