diff --git a/site/content/docs/5.2/components/modal.md b/site/content/docs/5.2/components/modal.md
index 4e19b7d9d6..a3f92cdd16 100644
--- a/site/content/docs/5.2/components/modal.md
+++ b/site/content/docs/5.2/components/modal.md
@@ -48,10 +48,10 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee
           <h5 class="modal-title">Modal title</h5>
           <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
         </div>
-        <div class="modal-body">
+        <div class="modal-body  mb-1 mb-sm-2">
           <p>Modal body text goes here.</p>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer mt-2">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
@@ -68,10 +68,10 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee
         <h5 class="modal-title">Modal title</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body  mb-1 mb-sm-2">
         <p>Modal body text goes here.</p>
       </div>
-      <div class="modal-footer">
+      <div class="modal-footer mt-2">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
       </div>
@@ -143,10 +143,10 @@ Toggle a working modal demo by clicking the button below. It will slide down and
         <h1 class="modal-title h5" id="exampleModalLiveLabel">Modal title</h1>
         <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body mb-1 mb-sm-2">
         <p>Woo-hoo, you're reading this text in a modal!</p>
       </div>
-      <div class="modal-footer">
+      <div class="modal-footer mt-2">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
       </div>