diff --git a/docs/docs/systems/overlays/overview.md b/docs/docs/systems/overlays/overview.md
index 5be695cfe..7ef2cfd27 100644
--- a/docs/docs/systems/overlays/overview.md
+++ b/docs/docs/systems/overlays/overview.md
@@ -72,7 +72,7 @@ Or creating your own Web Component which uses the Overlay System
 import { LitElement } from '@lion/core';
 import { OverlayMixin, withModalDialogConfig } from '@lion/overlays';
 
-class MyOverlayComponent extends LitElement {
+class MyOverlayComponent extends OverlayMixin(LitElement) {
   _defineOverlayConfig() {
     return {
       ...withModalDialogConfig,