diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/_config.js b/packages/svelte/tests/css/samples/at-rule-nested-class/_config.js
new file mode 100644
index 0000000000..f47bee71df
--- /dev/null
+++ b/packages/svelte/tests/css/samples/at-rule-nested-class/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/expected.css b/packages/svelte/tests/css/samples/at-rule-nested-class/expected.css
new file mode 100644
index 0000000000..d5307f9c71
--- /dev/null
+++ b/packages/svelte/tests/css/samples/at-rule-nested-class/expected.css
@@ -0,0 +1,9 @@
+
+	@starting-style {
+		.card.svelte-xyz{
+			height: 0;
+		}
+	}	
+	.card.svelte-xyz {
+		color: red;
+	}
diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/input.svelte b/packages/svelte/tests/css/samples/at-rule-nested-class/input.svelte
new file mode 100644
index 0000000000..9b5b5fc849
--- /dev/null
+++ b/packages/svelte/tests/css/samples/at-rule-nested-class/input.svelte
@@ -0,0 +1,12 @@
+<div class="card"></div>
+
+<style>
+	@starting-style {
+		.card{
+			height: 0;
+		}
+	}	
+	.card {
+		color: red;
+	}
+</style>