From 134700b4327350fa19c2492fb9e431c094868fed Mon Sep 17 00:00:00 2001
From: Prakash Senthil Vel <23444145+prakashsvmx@users.noreply.github.com>
Date: Fri, 21 Oct 2022 23:07:38 +0530
Subject: [PATCH] fix preview modal title (#2406)

Issue: Long title is causing preview modal to scroll horizontally and
the close button is hidden.

post fix:


![image](https://user-images.githubusercontent.com/23444145/197127950-d6358a43-d795-461b-94da-0d698e987d98.png)
---
 .../Console/Common/FormComponents/common/styleLibrary.ts      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts b/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
index aa4857021..87ce429cf 100644
--- a/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
+++ b/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
@@ -1257,7 +1257,7 @@ export const fileInputStyles = {
   },
 };
 
-export const deleteDialogStyles = {
+export const deleteDialogStyles: any = {
   root: {
     "& .MuiPaper-root": {
       padding: "1rem 2rem 2rem 1rem",
@@ -1276,6 +1276,8 @@ export const deleteDialogStyles = {
     "& svg": {
       marginRight: 10,
     },
+    wordBreak: "break-all",
+    whiteSpace: "normal",
   },
   closeContainer: {
     "& .MuiIconButton-root": {