diff --git a/packages/cxl-ui/scss/cxl-certificate-header.scss b/packages/cxl-ui/scss/cxl-certificate-header.scss
index e633ef4d8..13aba572b 100644
--- a/packages/cxl-ui/scss/cxl-certificate-header.scss
+++ b/packages/cxl-ui/scss/cxl-certificate-header.scss
@@ -1,5 +1,6 @@
 @use "~@conversionxl/cxl-lumo-styles/scss/mq";
 @use "./mixins";
+@import "../../cxl-lumo-styles/scss/typography";
 
 :host {
   color: var(--lumo-tint);
@@ -38,10 +39,8 @@
   }
 
   .completed {
+    align-items: center;
     display: flex;
-    margin-top: var(--lumo-space-l);
-    font-size: var(--lumo-font-size-xl);
-    font-weight: 700;
     color: var(--lumo-primary-color);
   }
 
diff --git a/packages/cxl-ui/src/components/cxl-certificate-header.js b/packages/cxl-ui/src/components/cxl-certificate-header.js
index c43fe04fa..40ebec1c2 100644
--- a/packages/cxl-ui/src/components/cxl-certificate-header.js
+++ b/packages/cxl-ui/src/components/cxl-certificate-header.js
@@ -33,10 +33,10 @@ export class CXLCertificateHeaderElement extends LitElement {
       return nothing;
     }
 
-    return html`<div class="completed">
+    return html`<h2 class="completed">
       <span class="completed-icon"><vaadin-icon icon="lumo:checkmark"></vaadin-icon></span>
       Course completed
-    </div>`;
+    </h2>`;
   }
 
   // eslint-disable-next-line class-methods-use-this