diff --git a/docs/essentials/controls.mdx b/docs/essentials/controls.mdx
index 67a0acecf71d..1886ba98d4cf 100644
--- a/docs/essentials/controls.mdx
+++ b/docs/essentials/controls.mdx
@@ -183,7 +183,7 @@ Controls can automatically be inferred from arg's name with [regex](https://deve
 
 | Control   | Default regex                            | Description                                               |
 | --------- | ---------------------------------------- | --------------------------------------------------------- |
-| **color** | <code>/(background|color)$/i</code> | Will display a color picker UI for the args that match it |
+| **color** | <code>{`/(backgroundq\|color)$/i`}</code> | Will display a color picker UI for the args that match it |
 | **date**  | `/Date$/`                                | Will display a date picker UI for the args that match it  |
 
 If you haven't used the CLI to set the configuration, or if you want to define your patterns, use the `matchers` property in the `controls` parameter: