From 3bcc68cf19f7f40fc114fe69be62c37f2ff4a0a8 Mon Sep 17 00:00:00 2001
From: Gk <76690271+gk-XLVII@users.noreply.github.com>
Date: Wed, 3 Jul 2024 15:18:12 +0530
Subject: [PATCH] [ES-1337] Fixed the text overflow issue in claim details
 screen (mobile view). (#799)

Signed-off-by: GurukiranP <talk2gurukiran@gmail.com>
---
 oidc-ui/src/App.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/oidc-ui/src/App.css b/oidc-ui/src/App.css
index 8ee9c3961..d6c942cb7 100644
--- a/oidc-ui/src/App.css
+++ b/oidc-ui/src/App.css
@@ -294,6 +294,7 @@ body {
 
   .claims-list {
     width: 100vw;
+    overflow-wrap: anywhere;
   }
 
   .claims-list svg path {
@@ -306,6 +307,7 @@ body {
     color: var(--consent-details-available-color);
     display: flex;
     align-items: center;
+    margin-left: 1em;
   }
 
   .not-available-claim {
@@ -313,6 +315,7 @@ body {
     color: var(--consent-details-unavailable-color);
     display: flex;
     align-items: center;
+    margin-left: 1em;
   }
 
   .message {