From 944a483d912fb77764cf40dd53be368f435df9e6 Mon Sep 17 00:00:00 2001
From: Jishnu P Sreekumar <33541774+psjishnu@users.noreply.github.com>
Date: Tue, 26 May 2020 13:54:26 +0530
Subject: [PATCH] Update box-overlay.md

---
 docs/content/components/box-overlay.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/content/components/box-overlay.md b/docs/content/components/box-overlay.md
index 80510e15..3a023668 100644
--- a/docs/content/components/box-overlay.md
+++ b/docs/content/components/box-overlay.md
@@ -14,7 +14,7 @@ Box overlays come in three widths. The default `Box--overlay` is 440px wide, `Bo
 
 ```html live
 
-<details class="details-reset details-overlay">
+<details class="details-reset details-overlay details-overlay-dark">
   <summary class="btn" aria-haspopup="dialog">Open dialog</summary>
   <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast">
     <div class="Box-header">
@@ -53,7 +53,7 @@ Box overlays come in three widths. The default `Box--overlay` is 440px wide, `Bo
 
 <!-- Temporary overrides (don't use in production) -->
 <style> .frame-example { min-height: 500px; } </style>
-<link href="https://unpkg.com/@github/details-dialog-element/index.css" rel="stylesheet" />
+<link href="https://unpkg.com/@github/details-dialog-element/dist/index.css" rel="stylesheet" />
 ```
 
 [aria attributes]: https://www.w3.org/TR/html-aria/#allowed-aria-roles-states-and-properties