diff --git a/apps/www/src/content/docs/components/drawer.md b/apps/www/src/content/docs/components/drawer.md
index 55b6f0c2..dc84c246 100644
--- a/apps/www/src/content/docs/components/drawer.md
+++ b/apps/www/src/content/docs/components/drawer.md
@@ -53,6 +53,11 @@ import {
   </Drawer>
 </template>
 ```
+### Scale Background
+If you want the background to have a zoom effect, you need to add the `vaul-drawer-wrapper` attribute to the root component.
+```html
+<div vaul-drawer-wrapper id="app"></div>
+```
 
 ## Examples