diff --git a/changelog_unreleased/javascript/pr-7842.md b/changelog_unreleased/javascript/pr-7842.md
new file mode 100644
index 000000000000..0b2e68825670
--- /dev/null
+++ b/changelog_unreleased/javascript/pr-7842.md
@@ -0,0 +1,21 @@
+#### Fix formatting of pseudo-elements and pseudo-classes in styled-components template literals ([#7842](https://github.com/prettier/prettier/pull/7842) by [@thorn0](https://github.com/thorn0))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+const Foo = styled.div`
+  ${media.smallDown}::before {}
+`;
+
+// Prettier stable
+const Foo = styled.div`
+  ${media.smallDown}: : before{
+  }
+`;
+
+// Prettier master
+const Foo = styled.div`
+  ${media.smallDown}::before {
+  }
+`;
+```