diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 5c9f2616..360a0750 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -137,7 +137,7 @@
   .card-footer-item:not(:last-child) {
     border-right-color: $grey-dark;
   }
-  .hero.is-light {
+  .hero.is-light.is-bold {
     background-image: linear-gradient(
       141deg,
       $black-ter 0%,
diff --git a/web-src/src/templates/ContentWithHero.vue b/web-src/src/templates/ContentWithHero.vue
index cab5ce1e..2eb1a058 100644
--- a/web-src/src/templates/ContentWithHero.vue
+++ b/web-src/src/templates/ContentWithHero.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="hero is-light">
+  <section class="hero is-light is-bold">
     <div class="hero-body">
       <div class="container">
         <div class="columns is-centered">