diff --git a/docs/design/css/variables/index.mdx b/docs/design/css/variables/index.mdx
index 62fb24e..7c6eba7 100644
--- a/docs/design/css/variables/index.mdx
+++ b/docs/design/css/variables/index.mdx
@@ -183,7 +183,7 @@ There are a number of variables for the "base" colors used on your site. These a
 | `--ifm-pagination-color-active` | The color of the active page in the pagination component. | <ColorPreview color='#2e8555' label='var(--ifm-color-primary)' /> | <ColorPreview color='#25c2a0' label='var(--ifm-color-primary)' /> |
 | | | | |
 | `--ifm-pills-color-active` | The color of the active pill in the pills component. | <ColorPreview color='#2e8555' label='var(--ifm-color-primary)' /> | <ColorPreview color='#25c2a0' label='var(--ifm-color-primary)' /> |
-| `--ifm-pills-color-background-active | The background color of the active pill in the pills component. | <ColorPreview color='rgba(0, 0, 0, 0.05)' label='var(--ifm-hover-overlay)' /> | <ColorPreview color='rgba(255, 255, 255, 0.05)' label='var(--ifm-hover-overlay)' /> |
+| `--ifm-pills-color-background-active` | The background color of the active pill in the pills component. | <ColorPreview color='rgba(0, 0, 0, 0.05)' label='var(--ifm-hover-overlay)' /> | <ColorPreview color='rgba(255, 255, 255, 0.05)' label='var(--ifm-hover-overlay)' /> |
 | | | | |
 | `--ifm-toc-border-color` | The color of the border around the table of contents. | <ColorPreview color='#dadde1' label='var(--ifm-color-emphasis-300)' /> | <ColorPreview color='#606770' label='var(--ifm-color-emphasis-300)' /> |
 | `--ifm-toc-link-color` | The color of links in the table of contents. | <ColorPreview color='#525860' label='var(--ifm-color-content-secondary)' /> | <ColorPreview color='rgba(255, 255, 255, 1)' label='var(--ifm-color-content-secondary)' /> |