diff --git a/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/input.js b/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/input.js
new file mode 100644
index 000000000..fff762e36
--- /dev/null
+++ b/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/input.js
@@ -0,0 +1,14 @@
+const Test = () => (
+  <div>
+    <span>test</span>
+    <style jsx>{`
+        .parent {
+          :global(div) {
+            :global(&.child) {
+              background: orange;
+            }
+          }
+        }
+      `}</style>
+  </div>
+);
diff --git a/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/output.swc.js b/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/output.swc.js
new file mode 100644
index 000000000..80fee8abb
--- /dev/null
+++ b/packages/styled-jsx/transform/tests/fixture/global-nested-scope-sel/output.swc.js
@@ -0,0 +1,5 @@
+import _JSXStyle from "styled-jsx/style";
+const Test = ()=><div className={"jsx-b0a16d58836c444b"}>
+    <span className={"jsx-b0a16d58836c444b"}>test</span>
+    <_JSXStyle id={"b0a16d58836c444b"}>{".parent.jsx-b0a16d58836c444b{}.parent.jsx-b0a16d58836c444b div{}.parent.jsx-b0a16d58836c444b div.child{background:orange}"}</_JSXStyle>
+  </div>;