diff --git a/packages/ember/rollup.config.js b/packages/ember/rollup.config.js
index a84e9ef..da94f97 100644
--- a/packages/ember/rollup.config.js
+++ b/packages/ember/rollup.config.js
@@ -11,7 +11,7 @@ const config = [
 				format: 'esm',
 			},
 		],
-		external: ['@glimmer/component', '@glimmer/tracking'],
+		external: ['@ember/template', '@glimmer/component', '@glimmer/tracking'],
 		plugins: [
 			resolve({
 				browser: true,
diff --git a/packages/ember/src/render.ts b/packages/ember/src/render.ts
index d32567d..2d589a2 100644
--- a/packages/ember/src/render.ts
+++ b/packages/ember/src/render.ts
@@ -1,3 +1,5 @@
+// @ts-ignore
+import { htmlSafe } from '@ember/template';
 import type { IconifyIcon } from '@iconify/types';
 import type { FullIconCustomisations } from '@iconify/utils/lib/customisations';
 import {
@@ -124,7 +126,7 @@ export const render = (
 
 	return {
 		...item.attributes,
-		style: style === '' ? void 0 : style,
+		style: style === '' ? void 0 : htmlSafe(style),
 		className,
 		body,
 	};