diff --git a/docs/components/dialog.md b/docs/components/dialog.md
index 2f7f7033f..7a6adceb2 100644
--- a/docs/components/dialog.md
+++ b/docs/components/dialog.md
@@ -104,7 +104,7 @@ To keep the dialog open in such cases, you can cancel the `sl-request-close` eve
 
 ### Customizing Initial Focus
 
-By default, the dialog's panel will gain focus when opened. This allows the first tab press to focus on the first tabbable element within the dialog. To set focus on a different element, listen for the `sl-initial-focus` event.
+By default, the dialog's panel will gain focus when opened. This allows the first tab press to focus on the first tabbable element within the dialog. To set focus on a different element, listen for and cancel the `sl-initial-focus` event.
 
 ```html preview
 <sl-dialog label="Dialog" class="dialog-focus">
diff --git a/docs/components/drawer.md b/docs/components/drawer.md
index f8d3524fc..f60688dd2 100644
--- a/docs/components/drawer.md
+++ b/docs/components/drawer.md
@@ -193,7 +193,7 @@ To keep the drawer open in such cases, you can cancel the `sl-request-close` eve
 
 ### Customizing Initial Focus
 
-By default, the drawer's panel will gain focus when opened. This allows the first tab press to focus on the first tabbable element within the drawer. To set focus on a different element, listen for the `sl-initial-focus` event.
+By default, the drawer's panel will gain focus when opened. This allows the first tab press to focus on the first tabbable element within the drawer. To set focus on a different element, listen for and cancel the `sl-initial-focus` event.
 
 ```html preview
 <sl-drawer label="Drawer" class="drawer-focus">