diff --git a/src/components/dialog/dialog.tsx b/src/components/dialog/dialog.tsx
index 68bb5ff4d..6a2bdd20c 100644
--- a/src/components/dialog/dialog.tsx
+++ b/src/components/dialog/dialog.tsx
@@ -229,7 +229,7 @@ export class Dialog {
         onKeyDown={this.handleKeyDown}
         onTransitionEnd={this.handleTransitionEnd}
       >
-        <div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} />
+        <div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} tabIndex={-1} />
 
         <div
           ref={el => (this.panel = el)}