diff --git a/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js
new file mode 100644
index 0000000000..1e96ec17f7
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js
@@ -0,0 +1,21 @@
+import { assert_ok, test } from '../../assert';
+
+export default test({
+	html: `<div style="color: red;"></div>`,
+
+	test({ assert, target, window, component }) {
+		const div = target.querySelector('div');
+		assert_ok(div);
+
+		// Initial value with trailing semicolon — should produce valid CSS
+		assert.equal(window.getComputedStyle(div).color, 'rgb(255, 0, 0)');
+
+		// Update to a new value that also has a trailing semicolon
+		component.color = 'blue;';
+		assert.equal(window.getComputedStyle(div).color, 'rgb(0, 0, 255)');
+
+		// Update to a value without trailing semicolon — should still work
+		component.color = 'green';
+		assert.equal(window.getComputedStyle(div).color, 'rgb(0, 128, 0)');
+	}
+});
diff --git a/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte
new file mode 100644
index 0000000000..3ba2e22bc0
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	export let color = 'red;';
+</script>
+
+<div style:color={color}></div>