diff --git a/packages/repl/src/lib/workers/bundler/index.ts b/packages/repl/src/lib/workers/bundler/index.ts
index ba7e3de4a6..36997ebc2c 100644
--- a/packages/repl/src/lib/workers/bundler/index.ts
+++ b/packages/repl/src/lib/workers/bundler/index.ts
@@ -376,11 +376,15 @@ async function get_bundle(
 						}
 					);
 					// add the CSS via injecting a style tag
+					const style_id =
+						result.css.code.match(/\.svelte-([a-z0-9]+)/)?.[0]?.slice(1) ??
+						'svelte-' + name.replace(/[^a-zA-Z0-9]/g, '_');
 					result.js.code +=
 						'\n\n' +
 						`
 					import { styles as $$_styles } from '${VIRTUAL}/${STYLES}';
 					const $$__style = document.createElement('style');
+					$$__style.id = ${JSON.stringify(style_id)};
 					$$__style.textContent = ${JSON.stringify(result.css.code)};
 					document.head.append($$__style);
 					$$_styles.push($$__style);