diff --git a/packages/lib/src/components/core/lume-chart/lume-chart.vue b/packages/lib/src/components/core/lume-chart/lume-chart.vue
index 7933bacf..7e2cd6f9 100644
--- a/packages/lib/src/components/core/lume-chart/lume-chart.vue
+++ b/packages/lib/src/components/core/lume-chart/lume-chart.vue
@@ -159,7 +159,7 @@
       <!-- x axis title -->
       <h3
         v-if="showXAxisTitle"
-        class="lume-chart__axis-title lume-chart__axis-title--centered lume-axis-title"
+        class="lume-chart__axis-title lume-chart__axis-title--centered lume-axis-title lume-typography--body"
       >
         {{ xAxisTitle }}
       </h3>