diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create-rtf.action.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create-rtf.action.ts
index 0488b9c129..de93d19cc1 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create-rtf.action.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create-rtf.action.ts
@@ -8,8 +8,8 @@ export class UmbCreateRTFStylesheetAction<T extends { copy(): Promise<void> }> e
 
 	async execute() {
 		if (this.unique !== null) {
-			// Note: %2f is a slash (/)
-			this.unique = this.unique.replace(/\//g, '%2f');
+			// Note: %2F is a slash (/)
+			this.unique = this.unique.replace(/\//g, '%2F');
 		}
 
 		history.pushState(
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create.action.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create.action.ts
index 7e1a87a013..a8ed2d1327 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create.action.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/entity-actions/create/create.action.ts
@@ -8,8 +8,8 @@ export class UmbCreateStylesheetAction<T extends { copy(): Promise<void> }> exte
 
 	async execute() {
 		if (this.unique !== null) {
-			// Note: %2f is a slash (/)
-			this.unique = this.unique.replace(/\//g, '%2f');
+			// Note: %2F is a slash (/)
+			this.unique = this.unique.replace(/\//g, '%2F');
 		}
 
 		history.pushState(null, '', `section/settings/workspace/stylesheet/create/${this.unique ?? 'null'}/view/code`);
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/workspace/stylesheet-workspace.context.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/workspace/stylesheet-workspace.context.ts
index d84322d9d2..480c6be472 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/workspace/stylesheet-workspace.context.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/workspace/stylesheet-workspace.context.ts
@@ -44,11 +44,11 @@ export class UmbStylesheetWorkspaceContext
 	}
 
 	getEntityId() {
-		const path = this.getData()?.path?.replace(/\//g, '%2f');
+		const path = this.getData()?.path?.replace(/\//g, '%2F');
 		const name = this.getData()?.name;
 
-		// Note: %2f is a slash (/)
-		return path && name ? `${path}%2f${name}` : name || '';
+		// Note: %2F is a slash (/)
+		return path && name ? `${path}%2F${name}` : name || '';
 	}
 
 	getData() {