diff --git a/packages/svelte/src/internal/client/dom/blocks/css-props.js b/packages/svelte/src/internal/client/dom/blocks/css-props.js
index 18460e76a2..613718258f 100644
--- a/packages/svelte/src/internal/client/dom/blocks/css-props.js
+++ b/packages/svelte/src/internal/client/dom/blocks/css-props.js
@@ -14,9 +14,6 @@ export function css_props(node, is_html, props, component) {
 	/** @type {HTMLElement | SVGElement} */
 	let element;
 
-	/** @type {Comment} */
-	let anchor;
-
 	/** @type {Text | Comment} */
 	let component_anchor;
 
@@ -24,8 +21,6 @@ export function css_props(node, is_html, props, component) {
 		// Hydration: css props element is surrounded by a ssr comment ...
 		element = /** @type {HTMLElement | SVGElement} */ (node);
 
-		anchor = /** @type {Comment} */ (element.nextSibling);
-
 		// ... and the child(ren) of the css props element is also surround by a ssr comment
 		component_anchor = /** @type {Comment} */ (
 			hydrate_anchor(/** @type {Comment} */ (element.firstChild))
@@ -38,9 +33,7 @@ export function css_props(node, is_html, props, component) {
 			element = document.createElementNS(namespace_svg, 'g');
 		}
 
-		anchor = /** @type {Comment} */ (node);
-
-		anchor.before(element);
+		node.before(element); // TODO do we even need an anchor? Can we just pass in the correct element directly from the template?
 		component_anchor = element.appendChild(empty());
 	}