---
source: crates/rome_formatter_test/src/snapshot_builder.rs
info:
  test_file: jsx/template/styled-components.js
---

# Input

```js
<style jsx>{`
  p {
    color: red;
  }
`}</style>;

<style jsx>{tpl`
  p {
    color: red;
  }
`}</style>;

<style jsx>
  {`p {
     color: red;
     }
  `}
</style>;

```


# Prettier differences

```diff
--- Prettier
+++ Rome
@@ -11,9 +11,8 @@
 `}</style>;
 
 <style jsx>
-  {`
-    p {
-      color: red;
-    }
+  {`p {
+     color: red;
+     }
   `}
 </style>;
```

# Output

```js
<style jsx>{`
  p {
    color: red;
  }
`}</style>;

<style jsx>{tpl`
  p {
    color: red;
  }
`}</style>;

<style jsx>
  {`p {
     color: red;
     }
  `}
</style>;
```