From 084cc75726da3bcbc18e00c6697736730eb1461e Mon Sep 17 00:00:00 2001
From: JayashTripathy <76092296+JayashTripathy@users.noreply.github.com>
Date: Wed, 14 May 2025 18:01:36 +0530
Subject: [PATCH] [WEB-4092] fix:broken detailed empty state layout #7056

---
 web/core/components/empty-state/detailed-empty-state-root.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/core/components/empty-state/detailed-empty-state-root.tsx b/web/core/components/empty-state/detailed-empty-state-root.tsx
index 887a1eb42..4ae97e839 100644
--- a/web/core/components/empty-state/detailed-empty-state-root.tsx
+++ b/web/core/components/empty-state/detailed-empty-state-root.tsx
@@ -85,7 +85,9 @@ export const DetailedEmptyState: React.FC<Props> = observer((props) => {
           {description && <p className="text-sm">{description}</p>}
         </div>
 
-        {assetPath && <Image src={assetPath} alt={title} width={384} height={250} lazyBoundary="100%" />}
+        {assetPath && (
+          <Image src={assetPath} alt={title} width={384} height={250} layout="responsive" lazyBoundary="100%" />
+        )}
 
         {hasButtons && (
           <div className="relative flex items-center justify-center gap-2 flex-shrink-0 w-full">