diff --git a/edit.html b/edit.html
index a433dee9..60efff60 100644
--- a/edit.html
+++ b/edit.html
@@ -312,7 +312,7 @@
         <div>
           <button id="save-button" i18n-text="styleSaveLabel" data-hotkey-tooltip="save" disabled></button>
           <button id="beautify" i18n-text="styleBeautify"></button>
-          <button id="style-cfg-btn" i18n-text="settings"></button>
+          <button id="style-settings-btn" i18n-text="settings"></button>
           <button id="cancel-button" i18n-title="styleCancelEditLabel">↩</button>
         </div>
         <div id="mozilla-format-buttons" class="sectioned-only">
diff --git a/edit/edit.css b/edit/edit.css
index 0da9ca1d..8921377e 100644
--- a/edit/edit.css
+++ b/edit/edit.css
@@ -34,7 +34,7 @@ a:hover {
 }
 
 html.is-new-style #preview-label,
-html.is-new-style #style-cfg-btn,
+html.is-new-style #style-settings-btn,
 html.is-new-style #publish,
 .hidden {
   display: none !important;
diff --git a/edit/edit.js b/edit/edit.js
index a4fa8cb7..65a1a0b3 100644
--- a/edit/edit.js
+++ b/edit/edit.js
@@ -47,7 +47,7 @@ baseInit.ready.then(async () => {
     require(['/edit/linter-dialogs'], () => linterMan.showLintConfig());
   $('#lint-help').onclick = () =>
     require(['/edit/linter-dialogs'], () => linterMan.showLintHelp());
-  $('#style-cfg-btn').onclick = () => require([
+  $('#style-settings-btn').onclick = () => require([
     '/edit/settings.css',
     '/edit/settings', /* global StyleSettings */
   ], () => StyleSettings());