diff --git a/demo-shell/src/app/components/logout/logout.component.html b/demo-shell/src/app/components/logout/logout.component.html
index 59a8092649..f517160e3c 100644
--- a/demo-shell/src/app/components/logout/logout.component.html
+++ b/demo-shell/src/app/components/logout/logout.component.html
@@ -1,8 +1,8 @@
 <header class="app-logout-background">
     <div class="app-logout-section" data-automation-id="adf-logout-section">
         <div class="app-logout-headline">
-            <h1>{{ 'APP.LOGOUT.TITLE' | translate}}</h1>
-            <h2>{{ 'APP.LOGOUT.SUB_TITLE' | translate}}</h2>
+            <h1 class="mat-h1">{{ 'APP.LOGOUT.TITLE' | translate}}</h1>
+            <h2 class="mat-h2">{{ 'APP.LOGOUT.SUB_TITLE' | translate}}</h2>
         </div>
 
         <div class="app-logout-login">
diff --git a/demo-shell/src/app/components/logout/logout.component.scss b/demo-shell/src/app/components/logout/logout.component.scss
index 6fb56e3df2..b1d677177f 100644
--- a/demo-shell/src/app/components/logout/logout.component.scss
+++ b/demo-shell/src/app/components/logout/logout.component.scss
@@ -15,16 +15,10 @@
 
 .app-logout-headline {
     h1 {
-        font-size: 56px;
-        font-weight: 300;
-        line-height: 56px;
         margin: 15px 5px;
     }
 
     h2 {
-        font-size: 18px;
-        font-weight: 300;
-        line-height: 28px;
         margin: 15px 0 25px;
     }
 }