diff --git a/concordia/static/scss/base.scss b/concordia/static/scss/base.scss
index a9d8965f9..1cdc8e78e 100644
--- a/concordia/static/scss/base.scss
+++ b/concordia/static/scss/base.scss
@@ -1407,6 +1407,11 @@ button.btn-outline-primary:hover {
     max-width: 419px;
 }
 
+#ocr-transcription-modal .modal-header a {
+    cursor: pointer;
+    font-size: 1.5rem;
+}
+
 #language-selection-modal {
     display: none;
     margin-left: 40px;
diff --git a/concordia/templates/transcriptions/asset_detail/ocr_transcription_modal.html b/concordia/templates/transcriptions/asset_detail/ocr_transcription_modal.html
index 1fc8ad7a8..b7c2a337f 100644
--- a/concordia/templates/transcriptions/asset_detail/ocr_transcription_modal.html
+++ b/concordia/templates/transcriptions/asset_detail/ocr_transcription_modal.html
@@ -1,9 +1,9 @@
 <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content">
-        <div class="modal-header">
-            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true" class="text-primary">&times;</span>
-            </button>
+        <div class="modal-header d-flex justify-content-end">
+            <a data-bs-dismiss="modal" aria-label="Close" onclick="$('#ocr-transcription-modal').toggle();">
+                <span aria-hidden="true" class="text-primary fw-bold">&times;</span>
+            </a>
         </div>
         <div class="modal-body">
             <div class="bg-light p-3">