---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: js/multiparser-css/issue-9072.js
---

# Input

```js
const style1 = css`
  width:${size+10}${sizeUnit};
  border:${size/10} ${sizeUnit} solid ${color};
`;

const style2 = css`
  width: ${size + 10}${sizeUnit};
  border: ${size / 10} ${sizeUnit} solid ${color};
`;

const style3 = css`
  foo: ${foo}${bar}       ${baz};
`;

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,6 +1,6 @@
 const style1 = css`
-  width: ${size + 10}${sizeUnit};
-  border: ${size / 10} ${sizeUnit} solid ${color};
+  width:${size + 10}${sizeUnit};
+  border:${size / 10} ${sizeUnit} solid ${color};
 `;
 
 const style2 = css`
@@ -9,5 +9,5 @@
 `;
 
 const style3 = css`
-  foo: ${foo}${bar} ${baz};
+  foo: ${foo}${bar}       ${baz};
 `;
```

# Output

```js
const style1 = css`
  width:${size + 10}${sizeUnit};
  border:${size / 10} ${sizeUnit} solid ${color};
`;

const style2 = css`
  width: ${size + 10}${sizeUnit};
  border: ${size / 10} ${sizeUnit} solid ${color};
`;

const style3 = css`
  foo: ${foo}${bar}       ${baz};
`;
```