From e464f99b12336ea95c8a705a990df26e57092ccb Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 16 Aug 2022 17:51:02 +0200
Subject: [PATCH] change(ui) - no data icon

---
 .../app/components/Client/Audit/AuditList/AuditList.tsx    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Client/Audit/AuditList/AuditList.tsx b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
index 41f413f1e..45475923a 100644
--- a/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
+++ b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
@@ -35,13 +35,14 @@ function AuditList(props: Props) {
     return useObserver(() => (
         <Loader loading={loading}>
             <NoContent
-                show={list.length === 0}
                 title={
                     <div className="flex flex-col items-center justify-center">
-                        <AnimatedSVG name={ICONS.EMPTY_STATE} size="170" />
-                        <div className="mt-6 text-2xl">No data available.</div>
+                    <AnimatedSVG name={ICONS.NO_AUDIT_TRAIL} size={80} />
+                    <div className="text-center text-gray-600 my-4">No data available</div>
                     </div>
                 }
+                size="small"
+                show={list.length === 0}
             >
                 <div className="px-2 grid grid-cols-12 gap-4 items-center py-3 font-medium">
                     <div className="col-span-5">Name</div>