diff --git a/scss/post.scss b/scss/post.scss
index 6b852d7456f670ad1ee5c1aa1c20567be8d23482..75f43f85c74086a3e5b00f27a3b222d75e2fb920 100644
--- a/scss/post.scss
+++ b/scss/post.scss
@@ -1044,6 +1044,12 @@ body.scrolled #goto-top-link {
 
 @if variable-exists(helptextmodal) {
     @if $helptextmodal == 'yes' {
+
+        th .boost-campus-modal-help-dialog .modal-body {
+            text-align: left;
+            font-weight: $font-weight-base;
+        }
+
         .modal {
             /* Set font-size to normal size as the modals inherit the font size from the element they are placed in.
              * This is not intended and so we force the font size to be the normal size. */
diff --git a/templates/help_icon.mustache b/templates/help_icon.mustache
index 764ce10041dd02e66f702d2c2fe10a47c6b5489e..650809c0cd7c447c606bbc5a6b3a0534debb9c0f 100644
--- a/templates/help_icon.mustache
+++ b/templates/help_icon.mustache
@@ -28,7 +28,7 @@
     {{#pix}}help, core, {{{alt}}}{{/pix}}
 </a>
 
-<div class="modal moodle-has-zindex" {{#linkid}}id="{{linkid}}-modal-dialogue"{{/linkid}} data-region="modal-container" aria-hidden="true" role="dialog">
+<div class="modal moodle-has-zindex boost-campus-modal-help-dialog" {{#linkid}}id="{{linkid}}-modal-dialogue"{{/linkid}} data-region="modal-container" aria-hidden="true" role="dialog">
     <div class="modal-dialog {{$classes}}{{/classes}}" role="document" data-region="modal" aria-labelledby="{{uniqid}}-modal-title" tabindex="0">
         <div class="modal-content">
             <div class="modal-header {{$headerclasses}}{{headerclasses}}{{/headerclasses}}" data-region="header">