From 72c88fcd40065d4d5ff4169c1764e256c931befc Mon Sep 17 00:00:00 2001
From: AlekseyManetov <aliaksei_manetau@epam.com>
Date: Thu, 5 Dec 2024 15:59:36 +0100
Subject: [PATCH] [ErrorPage]: embed typography styles for error page texts.
 Add underline style for link.

---
 changelog.md                                | 1 +
 uui/components/errors/ErrorPage.module.scss | 4 ----
 uui/components/errors/ErrorPage.tsx         | 2 +-
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/changelog.md b/changelog.md
index 412618ab20..7fce149bed 100644
--- a/changelog.md
+++ b/changelog.md
@@ -5,6 +5,7 @@
 * [Alert]: added support for size theming
 * [DataTable]: added support of column groups in table header. Read more - https://uui.epam.com/documents?id=advancedTables&mode=doc&category=tables&theme=electric#table_with_header_groups
 * [ErrorPage]: added field for additional message with support link (it works with `500, 503, default` errors), added support link for the site
+* [ErrorPage]: embed typography styles for error page texts
 
 **What's Fixed**
 * [PickerInput]: fixed unnecessary api calls on body open with `minCharsToSearch` prop and search in body
diff --git a/uui/components/errors/ErrorPage.module.scss b/uui/components/errors/ErrorPage.module.scss
index 8f4ac89cd5..cc997310a4 100644
--- a/uui/components/errors/ErrorPage.module.scss
+++ b/uui/components/errors/ErrorPage.module.scss
@@ -51,10 +51,6 @@
     color: var(--uui-text-primary);
     max-width: 700px;
     margin-top: 18px;
-
-    a {
-        text-decoration: none;
-    }
 }
 
 @media screen and (max-width: 720px) {
diff --git a/uui/components/errors/ErrorPage.tsx b/uui/components/errors/ErrorPage.tsx
index 11ac2a9592..0cc93fefc0 100644
--- a/uui/components/errors/ErrorPage.tsx
+++ b/uui/components/errors/ErrorPage.tsx
@@ -9,7 +9,7 @@ export const ErrorPage: React.FC<ErrorPageProps> = (props) => {
 
     return (
         <div className={ cx(css.container, props.cx) }>
-            <div className="uui-error-content">
+            <div className={ cx('uui-error-content', 'uui-typography') }>
                 <img className="uui-error-image" src={ isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl } alt="ERROR OCCURRED!" />
                 <div className="uui-error-title">{props.title}</div>
                 <div className="uui-error-subtitle">{props.subtitle}</div>