diff --git a/apps/mantine.dev/src/pages/styles/vanilla-extract.mdx b/apps/mantine.dev/src/pages/styles/vanilla-extract.mdx
index 2acb97a9de..34fc66ed8c 100644
--- a/apps/mantine.dev/src/pages/styles/vanilla-extract.mdx
+++ b/apps/mantine.dev/src/pages/styles/vanilla-extract.mdx
@@ -70,6 +70,7 @@ export const theme = createTheme({
 ```tsx
 // theme.css.ts
 import { theme } from './theme';
+import { themeToVars } from '@mantine/vanilla-extract';
 
 // CSS variables object, can be access in *.css.ts files
 export const vars = themeToVars(theme);