diff --git a/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html b/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html
index 1ed41798..f7ce9cad 100644
--- a/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html
+++ b/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html
@@ -86,6 +86,9 @@ <h1 class="h3 mb-3">{{ diagramOptions.title }}</h1>
       <span class="visually-hidden">Fullskjerm </span>
     </ng-container>
     <ng-container fhi-modal.body>
+      @if (diagramOptions.description) {
+        <p>{{ diagramOptions.description }}</p>
+      }
       <ng-container *ngTemplateOutlet="diagramAndFooter"></ng-container>
     </ng-container>
   </fhi-modal>
diff --git a/src/app/views/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts b/src/app/views/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts
index 08149c10..9421b099 100644
--- a/src/app/views/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts
+++ b/src/app/views/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts
@@ -273,6 +273,7 @@ export class HighchartsComponent implements OnInit {
     this.getData(MockData.PrikkedeDataMedToSerier, {
       ...this.diagramOptions,
       activeDiagramType: 'line',
+      description: 'Her kan en legge til en beskrivelse av dataene.',
       title: this.titles.title_3e,
       units: undefined,
       footer: {