diff --git a/__init__.py b/__init__.py
index 18f3f56..b0bd4f0 100644
--- a/__init__.py
+++ b/__init__.py
@@ -6,7 +6,7 @@ from server import PromptServer
 from aiohttp import web
 
 WEB_DIRECTORY = "./web"
-API_PREFIX = "/SyntaxHighlighter"
+API_PREFIX = "/SyntaxHighlighting"
 
 
 def index_images():
diff --git a/web/js/favorite.js b/web/js/favorite.js
index 5fff846..2871f63 100644
--- a/web/js/favorite.js
+++ b/web/js/favorite.js
@@ -3,13 +3,13 @@ import { hexToRgb, leadingEdgeDebounce } from "./util.js";
 import { app } from "../../../scripts/app.js";
 import { api } from "../../../scripts/api.js";
 
-const settingsHelper = new SettingsHelper("SyntaxHighlighter");
+const settingsHelper = new SettingsHelper("SyntaxHighlighting");
 let contextMenuObserver = null;
 
 async function toggleFavourite(
     existingList,
     filename,
-    setting = "SyntaxHighlighter.favorites"
+    setting = "SyntaxHighlighting.favorites"
 ) {
     try {
         // Check if the filename is already in the list
@@ -31,10 +31,10 @@ async function toggleFavourite(
 }
 
 app.registerExtension({
-    name: "SyntaxHighlighter.ToggleFavorite",
+    name: "SyntaxHighlighting.ToggleFavorite",
     async setup() {
         let existingList = await settingsHelper.getSettingById(
-            "SyntaxHighlighter.favorites"
+            "SyntaxHighlighting.favorites"
         );
         if (!Array.isArray(existingList)) {
             existingList = [];
@@ -66,7 +66,7 @@ app.registerExtension({
                             toggleFavourite(
                                 existingList,
                                 filename,
-                                "SyntaxHighlighter.favorites"
+                                "SyntaxHighlighting.favorites"
                             );
                         },
                         originalValue: value,
@@ -277,7 +277,7 @@ async function addStarsToFavourited(
 
 async function initializeContextMenuObserver() {
     let existingList = await settingsHelper.getSettingById(
-        "SyntaxHighlighter.favorites"
+        "SyntaxHighlighting.favorites"
     );
     if (!Array.isArray(existingList)) {
         existingList = [];
diff --git a/web/js/settings.js b/web/js/settings.js
index 81518b3..4d43556 100644
--- a/web/js/settings.js
+++ b/web/js/settings.js
@@ -1,11 +1,11 @@
 import { SettingsHelper } from "./settings/ComfyHelper.js";
 
-export const API_PREFIX = "/SyntaxHighlighter";
-export const settingsHelper = new SettingsHelper("SyntaxHighlighter");
+export const API_PREFIX = "/SyntaxHighlighting";
+export const settingsHelper = new SettingsHelper("SyntaxHighlighting");
 const settingsDefinitions = [
     {
         name: "Textbox Colors",
-        category: ["SyntaxHighlighter", "Textbox", "TextboxColors"],
+        category: ["SyntaxHighlighting", "Textbox", "TextboxColors"],
         defaultValue: "#559c22\n#229c57\n#229c8b\n#226f9c\n#22479c",
         tooltip: "A list of either rgb or hex colors, one color per line.",
         type: SettingsHelper.ST.MULTILINE,
@@ -13,7 +13,7 @@ const settingsDefinitions = [
     },
     {
         name: "Textbox Highlight Type",
-        category: ["SyntaxHighlighter", "Textbox", "TextboxHighlightType"],
+        category: ["SyntaxHighlighting", "Textbox", "TextboxHighlightType"],
         defaultValue: "strength",
         tooltip:
             "If strength, only the first and last colors will be used. If nesting, all colors will be used.",
@@ -25,7 +25,7 @@ const settingsDefinitions = [
     },
     {
         name: "Favorite On Top",
-        category: ["SyntaxHighlighter", "Combo", "FavoriteOnTop"],
+        category: ["SyntaxHighlighting", "Combo", "FavoriteOnTop"],
         defaultValue: true,
         tooltip: "Put favorite items over all other items.",
         type: SettingsHelper.ST.BOOLEAN,
@@ -33,28 +33,32 @@ const settingsDefinitions = [
     },
     {
         name: "Combo Highlight Color",
-        category: ["SyntaxHighlighter", "Combo", "ComboHighlightColor"],
+        category: ["SyntaxHighlighting", "Combo", "ComboHighlightColor"],
         defaultValue: "#008000",
         type: SettingsHelper.ST.COLORPICKER,
         onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
     },
     {
         name: "Preview Image Delay",
-        category: ["SyntaxHighlighter", "Preview Image", "PreviewImageDelay"],
+        category: ["SyntaxHighlighting", "Preview Image", "PreviewImageDelay"],
         defaultValue: 200,
         type: SettingsHelper.ST.SLIDER(0, 1000, 1),
         onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
     },
     {
         name: "Preview Image Padding",
-        category: ["SyntaxHighlighter", "Preview Image", "PreviewImagePadding"],
+        category: [
+            "SyntaxHighlighting",
+            "Preview Image",
+            "PreviewImagePadding",
+        ],
         defaultValue: 20,
         type: SettingsHelper.ST.SLIDER(0, 100, 1),
         onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
     },
     {
         name: "Preview Image Side",
-        category: ["SyntaxHighlighter", "Preview Image", "PreviewImageSide"],
+        category: ["SyntaxHighlighting", "Preview Image", "PreviewImageSide"],
         defaultValue: "left",
         type: SettingsHelper.ST.COMBO(
             { text: "Left", value: "left" },
@@ -64,7 +68,7 @@ const settingsDefinitions = [
     },
     {
         name: "Preview Image Size",
-        category: ["SyntaxHighlighter", "Preview Image", "PreviewImageSize"],
+        category: ["SyntaxHighlighting", "Preview Image", "PreviewImageSize"],
         defaultValue: 300,
         type: SettingsHelper.ST.SLIDER(100, 1000, 10),
         onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),