diff --git a/test/server-side-rendering/styles-nested/One.html b/test/server-side-rendering/styles-nested/One.html
new file mode 100644
index 0000000000..1b2c21edc8
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/One.html
@@ -0,0 +1,16 @@
+<div>green: {{message}}</div>
+<Two message='{{message}}'/>
+
+<style>
+	div {
+		color: green;
+	}
+</style>
+
+<script>
+	import Two from './Two.html';
+
+	export default {
+		components: { Two }
+	};
+</script>
diff --git a/test/server-side-rendering/styles-nested/Two.html b/test/server-side-rendering/styles-nested/Two.html
new file mode 100644
index 0000000000..d55b13f2fb
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/Two.html
@@ -0,0 +1,7 @@
+<div>blue: {{message}}</div>
+
+<style>
+	div {
+		color: blue;
+	}
+</style>
diff --git a/test/server-side-rendering/styles-nested/_actual.css b/test/server-side-rendering/styles-nested/_actual.css
new file mode 100644
index 0000000000..4b2949ea43
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_actual.css
@@ -0,0 +1,14 @@
+                                                                 
+	div[svelte-4188175681], [svelte-4188175681] div {
+		color: red;
+	}
+
+                                                                   
+	div[svelte-146600313], [svelte-146600313] div {
+		color: green;
+	}
+
+                                     
+	div[svelte-1506185237], [svelte-1506185237] div {
+		color: blue;
+	}
diff --git a/test/server-side-rendering/styles-nested/_actual.html b/test/server-side-rendering/styles-nested/_actual.html
new file mode 100644
index 0000000000..91c42ef47f
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_actual.html
@@ -0,0 +1,5 @@
+<div svelte-4188175681>red</div>
+	 <div svelte-146600313>green: foo</div>
+	 <div svelte-1506185237>blue: foo</div>
+	 <div svelte-146600313>green: bar</div>
+	 <div svelte-1506185237>blue: bar</div>
\ No newline at end of file
diff --git a/test/server-side-rendering/styles-nested/_expected.css b/test/server-side-rendering/styles-nested/_expected.css
new file mode 100644
index 0000000000..d837c4e221
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_expected.css
@@ -0,0 +1,11 @@
+div[svelte-4188175681], [svelte-4188175681] div {
+	color: red;
+}
+
+div[svelte-146600313], [svelte-146600313] div {
+	color: green;
+}
+
+div[svelte-1506185237], [svelte-1506185237] div {
+	color: blue;
+}
diff --git a/test/server-side-rendering/styles-nested/_expected.html b/test/server-side-rendering/styles-nested/_expected.html
new file mode 100644
index 0000000000..a8d6d4f5d8
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_expected.html
@@ -0,0 +1,5 @@
+<div svelte-4188175681>red</div>
+<div svelte-146600313>green: foo</div>
+<div svelte-1506185237>blue: foo</div>
+<div svelte-146600313>green: bar</div>
+<div svelte-1506185237>blue: bar</div>
diff --git a/test/server-side-rendering/styles-nested/main.html b/test/server-side-rendering/styles-nested/main.html
new file mode 100644
index 0000000000..b87d4f32dc
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/main.html
@@ -0,0 +1,17 @@
+<div>red</div>
+<One message='foo'/>
+<One message='bar'/>
+
+<style>
+	div {
+		color: red;
+	}
+</style>
+
+<script>
+	import One from './One.html';
+
+	export default {
+		components: { One }
+	};
+</script>