diff --git a/.changeset/rotten-yaks-nail.md b/.changeset/rotten-yaks-nail.md
new file mode 100644
index 000000000000..bbe9b777ae81
--- /dev/null
+++ b/.changeset/rotten-yaks-nail.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: better handle hydration of script/style elements
diff --git a/packages/svelte/src/internal/client/dom/hydration.js b/packages/svelte/src/internal/client/dom/hydration.js
index 8523ff97d559..f2dae36bdec3 100644
--- a/packages/svelte/src/internal/client/dom/hydration.js
+++ b/packages/svelte/src/internal/client/dom/hydration.js
@@ -40,7 +40,16 @@ export function set_hydrate_node(node) {
 }
 
 export function hydrate_next() {
-	return set_hydrate_node(/** @type {TemplateNode} */ (get_next_sibling(hydrate_node)));
+	var sibling = /** @type {TemplateNode} */ (get_next_sibling(hydrate_node));
+	if (sibling === null) {
+		var parent_node_name = hydrate_node.parentNode?.nodeName;
+		// If we're hydrating inside a <script> or <style> element then there is no
+		// closing anchor
+		if (parent_node_name === 'SCRIPT' || parent_node_name === 'STYLE') {
+			return hydrate_node;
+		}
+	}
+	return set_hydrate_node(sibling);
 }
 
 /** @param {TemplateNode} node */
diff --git a/packages/svelte/src/internal/server/index.js b/packages/svelte/src/internal/server/index.js
index b944c602b884..918cdf25cb21 100644
--- a/packages/svelte/src/internal/server/index.js
+++ b/packages/svelte/src/internal/server/index.js
@@ -64,7 +64,7 @@ export function element(payload, tag, attributes_fn = noop, children_fn = noop)
 	payload.out += '<!---->';
 
 	if (tag) {
-		payload.out += `<${tag} `;
+		payload.out += `<${tag}`;
 		attributes_fn();
 		payload.out += `>`;
 
diff --git a/packages/svelte/tests/hydration/samples/script/_config.js b/packages/svelte/tests/hydration/samples/script/_config.js
new file mode 100644
index 000000000000..4723e4e454bc
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/script/_config.js
@@ -0,0 +1,11 @@
+import { test } from '../../test';
+
+export default test({
+	snapshot(target) {
+		const script = target.querySelector('script');
+
+		return {
+			script
+		};
+	}
+});
diff --git a/packages/svelte/tests/hydration/samples/script/main.svelte b/packages/svelte/tests/hydration/samples/script/main.svelte
new file mode 100644
index 000000000000..3904d47f730f
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/script/main.svelte
@@ -0,0 +1 @@
+<svelte:element this={"script"}>{"{}"}</svelte:element>