From 017be5a0820087a12773560673840ad3e2e041da Mon Sep 17 00:00:00 2001
From: SAIRAM GIRIRAO <sairam.girirao@infosys.com>
Date: Thu, 24 Oct 2024 14:54:55 +0530
Subject: [PATCH] [INJIWEB-1001]:Fix Mobile View Overlap in Credential List

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

diff --git a/inji-web/src/components/Credentials/CredentialList.tsx b/inji-web/src/components/Credentials/CredentialList.tsx
index 86cacb8..dad5ce6 100644
--- a/inji-web/src/components/Credentials/CredentialList.tsx
+++ b/inji-web/src/components/Credentials/CredentialList.tsx
@@ -31,7 +31,7 @@ export const CredentialList: React.FC<CredentialListProps> = ({state}) => {
 
     return <React.Fragment>
         <HeaderTile content={t("containerHeading")} subContent={t("containerSubHeading")}/>
-        <div className="grid grid-cols-8 gap-6 md:grid-cols-6 sm:grid-cols-4">
+        <div className="flex flex-wrap gap-3 p-4 pb-20 justify-start">
             {credentials?.filtered_credentials && Object.keys(credentials?.filtered_credentials?.credential_configurations_supported).map((credentialId: string, index: number) => (
                 <Credential credentialId={credentialId} credentialWellknown={credentials?.filtered_credentials} key={index} index={index}/>
             ))}