From d9c61926fb0f3483e3d2a04b1361e8f697cde1b1 Mon Sep 17 00:00:00 2001
From: midhun-aot <midhun.murali@aot-technologies.com>
Date: Fri, 12 Jan 2024 10:27:11 -0800
Subject: [PATCH] reduced the font size and added space for access denied
 message

---
 .../forms-flow-web/src/components/Denied/index.js            | 4 ++--
 .../forms-flow-web/src/components/Denied/pagenotfound.scss   | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js
index b137f4e3..9e05d062 100644
--- a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js
+++ b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/index.js
@@ -9,7 +9,7 @@ const NotFound = React.memo(({ errorMessage, errorCode }) => {
         <p>
           {errorCode}
           <br />
-          <small>{errorMessage}</small>
+          <small className="small-fontsize">{errorMessage}</small>
         </p>
         <span className="circle big" />
         <span className="circle med" />
@@ -20,7 +20,7 @@ const NotFound = React.memo(({ errorMessage, errorCode }) => {
 });
 
 NotFound.defaultProps = {
-  errorMessage: "You do not have sufficient permissions to access this page. Please contact support " + SUPPORT_EMAIL + "for further clarification.",
+  errorMessage: "You do not have sufficient permissions to access this page. Please contact support " + SUPPORT_EMAIL + " for further clarification.",
   errorCode: "403",
 };
 
diff --git a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss
index 06e7fd9d..bfd5efa1 100644
--- a/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss
+++ b/forms-flow-ai/forms-flow-ai-ee/forms-flow-web/src/components/Denied/pagenotfound.scss
@@ -44,6 +44,11 @@ body {
   vertical-align: top;
 }
 
+.small-fontsize
+{
+  font-size: 25px !important;
+}
+
 .circles .circle.small {
   width: 140px;
   height: 140px;