diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1174917cc19c7aa9c74deba4b5912f60aa3786c7..105ff7e91c3567ebe3769d48e3916a5da11f02bc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [2.7.4]
 
 - Fix expansion of accordion items when an accordion item is rendered multiple items in the same page
+- Fix Agenda Box to be working with Mathjax library
 
 ## [2.7.3] - 06/08/2020
 
diff --git a/patterns/molecules/agenda-box/css/agenda-box.component.css b/patterns/molecules/agenda-box/css/agenda-box.component.css
index 25484aa95a15afd6d33cd27b6d69cc819fa925a5..0486d6b6ad5bd3513fde1506cb5b874e4009d1db 100644
--- a/patterns/molecules/agenda-box/css/agenda-box.component.css
+++ b/patterns/molecules/agenda-box/css/agenda-box.component.css
@@ -160,9 +160,9 @@
         position: relative; }
         .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h2 a span,
         .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a span {
-          display: block;
+          display: inline;
           width: 100%;
-          white-space: normal; }
+          font-size: 2rem; }
       .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h2 a:hover,
       .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a:hover {
         text-decoration: none; }
diff --git a/patterns/molecules/agenda-box/scss/agenda-box.component.scss b/patterns/molecules/agenda-box/scss/agenda-box.component.scss
index 2069777ab29052c0ed6c3d7f93ec359e4363a0fb..88725e518f6325958cc83c956b7adb8d75e52c97 100644
--- a/patterns/molecules/agenda-box/scss/agenda-box.component.scss
+++ b/patterns/molecules/agenda-box/scss/agenda-box.component.scss
@@ -208,11 +208,9 @@
           display: block;
           position: relative;
           span {
-            display: block;
+            display: inline;
             width: 100%;
-            white-space: normal;
-            //overflow: hidden;
-            //text-overflow: ellipsis;
+            font-size: 2rem; // font size needs to be set for Mathjax
           }
         }
         a:hover {