diff --git a/docs/best-practices.md b/docs/best-practices.md
index 55bc8560500..985e5dc1891 100644
--- a/docs/best-practices.md
+++ b/docs/best-practices.md
@@ -104,12 +104,12 @@ export default ComponentName
## Styling
- `src/theme.ts` - Declares site color themes, breakpoints and other constants (try to utilize these colors first)
-- We use [styled-components](https://styled-components.com/)
+- We use [emotion](https://emotion.sh/)
- Tagged template literals are used to style custom components
```tsx
- // Example of styling syntax using styled-components
+ // Example of styling syntax using emotion
import styled from "@emotion/styled"
@@ -128,8 +128,6 @@ export default ComponentName
// ie: Text
```
- - Recommended VS Code Plugin: `vscode-styled-components`
To install: Open VS Code > `Ctrl+P` / `Cmd+P` > Run:
`ext install vscode-styled-components`
-
- Values from `src/theme.ts` are automatically passed as a prop object to styled components
```tsx