diff --git a/src/components/bs5/inpageAlert/inpageAlert.hbs b/src/components/bs5/inpageAlert/inpageAlert.hbs
index a7feff96..252623bc 100644
--- a/src/components/bs5/inpageAlert/inpageAlert.hbs
+++ b/src/components/bs5/inpageAlert/inpageAlert.hbs
@@ -1,4 +1,6 @@
 <div class="alert {{variantClass}} {{customClass}}" role="alert">
-    <h4 class="alert-heading">{{{ heading }}}</h4>
+    {{#if heading}}
+    <div class="alert-heading" role="heading">{{{ heading }}}</div>
+    {{/if}}
     {{{ content }}}
 </div>
\ No newline at end of file
diff --git a/src/components/bs5/inpageAlert/inpageAlert.scss b/src/components/bs5/inpageAlert/inpageAlert.scss
index d31e9712..093b3ca1 100644
--- a/src/components/bs5/inpageAlert/inpageAlert.scss
+++ b/src/components/bs5/inpageAlert/inpageAlert.scss
@@ -9,9 +9,9 @@
 .light-alt .alert,
 .dark .alert,
 .dark-alt .alert {
-
     --qld-headings-color: var(--#{$prefix}light-text-text);
     --qld-body-color: var(--#{$prefix}light-text-text);
+    --qld-alert-color: var(--#{$prefix}light-text-text);
     --qld-alert-bg: #FFF;
     --qld-link-color: #{$link-color};
     --qld-link-hover-color: #{$link-hover-color};
@@ -32,6 +32,7 @@
     .alert-heading {
         line-height: 1.5;
         font-size: 1.5rem;
+        font-weight: 600;
         margin: 0 0 1rem 0;
         padding: 0;
         color: var(--qld-headings-color);