From f28a884a5022bc1a43ad6cae3d49bdd2f8ab17ef Mon Sep 17 00:00:00 2001
From: SAIRAM GIRIRAO <sairam.girirao@infosys.com>
Date: Mon, 11 Nov 2024 14:39:42 +0530
Subject: [PATCH] [INJIWEB-590]:Fix Overlapping Issue in Credential Page

Signed-off-by: SAIRAM GIRIRAO <sairam.girirao@infosys.com>
---
 inji-web/src/components/Common/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/inji-web/src/components/Common/NavBar.tsx b/inji-web/src/components/Common/NavBar.tsx
index dedc4d14..6472482a 100644
--- a/inji-web/src/components/Common/NavBar.tsx
+++ b/inji-web/src/components/Common/NavBar.tsx
@@ -18,7 +18,7 @@ export const NavBar: React.FC<NavBarProps> = (props) => {
                         <IoArrowBack data-testid="NavBar-Back-Arrow" size={24} onClick={() => navigate(props.link)}/>
                     </div>
                     <span data-testid="NavBar-Text"
-                          className="text-2xl font-semibold ps-2 whitespace-nowrap">{props.title}</span>
+                          className="text-2xl font-semibold ps-2 pe-4 md:whitespace-nowrap whitespace-wrap">{props.title}</span>
                 </div>
                 {props.search && <SearchCredential />}
             </nav>