diff --git a/theme/boost/scss/moodle/modal.scss b/theme/boost/scss/moodle/modal.scss
index 3d9ad7e774b..01a21c65a23 100644
--- a/theme/boost/scss/moodle/modal.scss
+++ b/theme/boost/scss/moodle/modal.scss
@@ -19,7 +19,7 @@
     // Override Bootstrap .close for better accessibility.
     .btn-close {
         // Adjust the margins so the focus outline does not look clipped.
-        margin: -0.8rem -0.8rem -0.8rem auto;
+        margin: -0.4rem -0.4rem -0.4rem auto;
 
         // Inherit the opacity when focus is received for better focus outline contrast.
         &:not(:disabled):not(.disabled) {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index d3a5a90da00..8cb66730f7f 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -38949,7 +38949,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
   transform: translate(-50%, -50%);
 }
 .modal .btn-close {
-  margin: -0.8rem -0.8rem -0.8rem auto;
+  margin: -0.4rem -0.4rem -0.4rem auto;
 }
 .modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
   opacity: inherit;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index f4ddc2f31f1..63bbfcbd766 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -38883,7 +38883,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
   transform: translate(-50%, -50%);
 }
 .modal .btn-close {
-  margin: -0.8rem -0.8rem -0.8rem auto;
+  margin: -0.4rem -0.4rem -0.4rem auto;
 }
 .modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
   opacity: inherit;