diff --git a/docs/components/drawer.md b/docs/components/drawer.md
index a1caad9a..ffd506b3 100644
--- a/docs/components/drawer.md
+++ b/docs/components/drawer.md
@@ -104,7 +104,7 @@ By default, the drawer slides out of its [containing block](https://developer.mo
 
 ```html preview
 <div
-  style="position: relative; border: solid 2px var(--sl-color-gray-80); height: 300px; padding: 1rem; margin-bottom: 1rem;"
+  style="position: relative; border: solid 2px var(--sl-panel-border-color); height: 300px; padding: 1rem; margin-bottom: 1rem;"
 >
   The drawer will be contained to this box. This content won't shift or be affected in any way when the drawer opens.