From 091d8371fbbd16a36f098060eeaed964c6c7bc54 Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Mon, 3 Jun 2024 17:23:51 +0530
Subject: [PATCH] [ACS-8069] Updated error-content.component.html to be aligned
 with the new mat typography classes in angular material v15 (#9762)

---
 .../templates/error-content/error-content.component.html  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/templates/error-content/error-content.component.html b/lib/core/src/lib/templates/error-content/error-content.component.html
index 8799694371..c17980c6c2 100644
--- a/lib/core/src/lib/templates/error-content/error-content.component.html
+++ b/lib/core/src/lib/templates/error-content/error-content.component.html
@@ -1,15 +1,15 @@
 <ng-container *ngIf="{ isSmallScreen: isSmallScreen$ | async } as screenSize">
     <div class="adf-error-content">
-        <p class="adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-display-3': 'mat-display-4' }}">
+        <p class="adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}">
             {{ errorCodeTranslated }}
         </p>
         <div class="adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}"></div>
-        <p class="adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline': 'mat-display-2' }}">
+        <p class="adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}">
             {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}
         </p>
-        <p class="adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subheading-2': 'mat-headline' }}">
+        <p class="adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}">
             {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}
         </p>
         <ng-content select="[adf-error-content-actions]"></ng-content>
     </div>
-</ng-container>
\ No newline at end of file
+</ng-container>