diff --git a/package-lock.json b/package-lock.json
index c7087c02..23fb73ab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
       "name": "uswds-sandbox",
       "license": "CC0-1.0",
       "dependencies": {
-        "@uswds/uswds": "3.8.2"
+        "@uswds/uswds": "github:uswds/uswds#rc-focus-trap-after-initionalization"
       },
       "devDependencies": {
         "@11ty/eleventy": "^2.0.1",
@@ -424,8 +424,7 @@
     },
     "node_modules/@uswds/uswds": {
       "version": "3.8.2",
-      "resolved": "https://registry.npmjs.org/@uswds/uswds/-/uswds-3.8.2.tgz",
-      "integrity": "sha512-8sTx/GqlbTwSIK+0AFOGrYdaW1rKVB7Bp0+v9AMVt3I5vPK7CL0+I6vlclSf3U7ysJZeTTdkNS8q89sIAeL+AA==",
+      "resolved": "git+ssh://git@github.com/uswds/uswds.git#76c54309982d14a50e652c058f025910eaaed58e",
       "license": "SEE LICENSE IN LICENSE.md",
       "dependencies": {
         "object-assign": "4.1.1",
diff --git a/package.json b/package.json
index 40417fee..b17aa71c 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "test": "snyk test"
   },
   "dependencies": {
-    "@uswds/uswds": "3.8.2"
+    "@uswds/uswds": "github:uswds/uswds#rc-focus-trap-after-initionalization"
   },
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
diff --git a/src/_layouts/extended-prose.html b/src/_layouts/extended-prose.html
index 0d7db86a..7cc654fd 100644
--- a/src/_layouts/extended-prose.html
+++ b/src/_layouts/extended-prose.html
@@ -9,10 +9,48 @@
       <div class="grid-container usa-prose padding-y-3">
         {% include "breadcrumb.html" %}
         {{ content }}
+        <a
+          href="#example-modal-1"
+          class="usa-button"
+          aria-controls="example-modal-1"
+          data-open-modal>Open default modal
+        </a>
+        <div
+            class="usa-modal"
+            id="example-modal-1"
+            aria-labelledby="modal-1-heading"
+            aria-describedby="modal-1-description"
+            >
+          <div class="usa-modal__content">
+            <div class="usa-modal__main">
+              <h2 class="usa-modal__heading" id="modal-1-heading">
+                Are you sure you want to continue?
+              </h2>
+              <div class="usa-prose">
+                <p id="modal-1-description">
+                  You have unsaved changes that will be lost.
+                </p>
+              </div>
+              <div class="usa-modal__footer">
+                <button type="button" class="usa-button" id="add-button">
+                  Add Button
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </main>
     {% include "footer.html" %}
     {% include "identifier.html" %}
     <script src="{{ '/assets/js/uswds.min.js' | url }}"></script>
+    <script>
+      const addButton = document.getElementById('add-button');
+      addButton.addEventListener('click', () => {
+        const newButton = document.createElement('button');
+        newButton.textContent = 'Button';
+        addButton.after(newButton);
+      });
+    </script>
   </body>
 </html>