diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/stylesheet.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/stylesheet.data.ts
index 96da26036b..f5e303b893 100644
--- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/stylesheet.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/stylesheet.data.ts
@@ -15,7 +15,7 @@ export const data: Array<StylesheetDBItem> = [
 		isFolder: false,
 		name: 'Stylesheet File 1.css',
 		type: 'stylesheet',
-		icon: 'icon-brackets',
+		icon: 'umb:brackets',
 		hasChildren: false,
 		content: `Stylesheet content 1`,
 	},
@@ -24,7 +24,7 @@ export const data: Array<StylesheetDBItem> = [
 		isFolder: false,
 		name: 'Stylesheet File 2.css',
 		type: 'stylesheet',
-		icon: 'icon-brackets',
+		icon: 'umb:brackets',
 		hasChildren: false,
 		content: `Stylesheet content 2`,
 	},
@@ -33,8 +33,8 @@ export const data: Array<StylesheetDBItem> = [
 		isFolder: true,
 		name: 'Folder 1',
 		type: 'stylesheet',
-		icon: 'icon-folder',
-		hasChildren: false,
+		icon: 'umb:folder',
+		hasChildren: true,
 		content: `Stylesheet content 3`,
 	},
 	{
@@ -42,7 +42,7 @@ export const data: Array<StylesheetDBItem> = [
 		isFolder: false,
 		name: 'Stylesheet File 3.css',
 		type: 'stylesheet',
-		icon: 'icon-brackets',
+		icon: 'umb:brackets',
 		hasChildren: false,
 		content: `Stylesheet content 3`,
 	},