diff --git a/netbox/templates/inc/modal.html b/netbox/templates/inc/modal.html
index 7d8d2a25ae8..054e945417b 100644
--- a/netbox/templates/inc/modal.html
+++ b/netbox/templates/inc/modal.html
@@ -1,14 +1,13 @@
 <div class="modal fade" id="{{ name }}_modal" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
-            {% if title %}
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">{{ title }}</h4>
-                </div>
-            {% endif %}
+            <div class="modal-header">
+                {% if title %}
+                <h5 class="modal-title">{{ title }}</h5>
+                {% endif %}
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
             <div class="modal-body">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 {{ content }}
             </div>
         </div>