diff --git a/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/detail.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/detail.handlers.ts
new file mode 100644
index 0000000000..e91e455dc5
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/detail.handlers.ts
@@ -0,0 +1,44 @@
+const { rest } = window.MockServiceWorker;
+import { umbMediaTypeData } from '../../data/media-type.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '@umbraco-cms/backoffice/utils';
+
+export const detailHandlers = [
+	rest.post(umbracoPath(`${slug}`), async (req, res, ctx) => {
+		const data = await req.json();
+		if (!data) return;
+
+		umbMediaTypeData.insert(data);
+
+		return res(ctx.status(200));
+	}),
+
+	rest.get(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+		const id = req.params.id as string;
+		if (!id) return;
+
+		const data = umbMediaTypeData.getById(id);
+
+		return res(ctx.status(200), ctx.json(data));
+	}),
+
+	rest.put(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+		const id = req.params.id as string;
+		if (!id) return;
+		const data = await req.json();
+		if (!data) return;
+
+		const saved = umbMediaTypeData.save(id, data);
+
+		return res(ctx.status(200), ctx.json(saved));
+	}),
+
+	rest.delete<string>(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+		const id = req.params.id as string;
+		if (!id) return;
+
+		umbMediaTypeData.delete([id]);
+
+		return res(ctx.status(200));
+	}),
+];
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/index.ts b/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/index.ts
index c342e001ad..236354678a 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/handlers/media-type/index.ts
@@ -1,4 +1,5 @@
 import { treeHandlers } from './tree.handlers.js';
 import { itemHandlers } from './item.handlers.js';
+import { detailHandlers } from './detail.handlers.js';
 
-export const handlers = [...treeHandlers, ...itemHandlers];
+export const handlers = [...treeHandlers, ...itemHandlers, ...detailHandlers];