From a4e9c3751afe44f8d942698eca3742d04c7bd6e2 Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Mon, 20 Apr 2026 17:27:13 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20empty-?=
 =?UTF-8?q?state=20=D0=B2=D0=BE=20=D0=B2=D0=BD=D0=B5=D1=88=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=85=20=D0=BA=D0=BE=D0=BD=D1=82=D1=83=D1=80=D0=B0=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../external-contours/empty-state.tsx         | 24 +++++++++++++------
 .../projects/external-contours/root.tsx       |  5 ++--
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/plane-src/apps/web/ce/components/projects/external-contours/empty-state.tsx b/plane-src/apps/web/ce/components/projects/external-contours/empty-state.tsx
index a005200..69a4d33 100644
--- a/plane-src/apps/web/ce/components/projects/external-contours/empty-state.tsx
+++ b/plane-src/apps/web/ce/components/projects/external-contours/empty-state.tsx
@@ -4,7 +4,7 @@
  * See the LICENSE file for details.
  */
 
-import { Inbox } from "lucide-react";
+import { ViewVerticalStackIllustration, WorkItemVerticalStackIllustration } from "@plane/propel/empty-state";
 import { cn } from "@plane/utils";
 
 type Props = {
@@ -15,15 +15,25 @@ type Props = {
 
 export const ExternalContoursEmptyState = (props: Props) => {
   const { title, description, compact = false } = props;
+  const Illustration = compact ? WorkItemVerticalStackIllustration : ViewVerticalStackIllustration;
 
   return (
-    <div className={cn("nodedc-external-empty-state", compact ? "max-w-md" : "max-w-sm")}>
-      <div className={cn("nodedc-external-empty-media", compact ? "size-22" : "size-24")}>
-        <Inbox className={cn("block shrink-0", compact ? "size-9" : "size-10")} strokeWidth={1.6} />
+    <div
+      className={cn(
+        "nodedc-external-empty-state",
+        compact ? "max-w-[24rem]" : "max-w-sm"
+      )}
+    >
+      <div className={cn("nodedc-external-empty-media", compact ? "h-[7rem] w-[7rem]" : "h-[6rem] w-[6rem]")}>
+        <Illustration className={cn("block shrink-0", compact ? "h-[6.4rem] w-auto" : "h-[5.5rem] w-auto")} />
       </div>
-      <div className="space-y-2">
-        <h3 className={cn("font-semibold text-primary", compact ? "text-16" : "text-18")}>{title}</h3>
-        {description && <p className="mx-auto max-w-sm text-13 leading-6 text-secondary">{description}</p>}
+      <div className={cn("space-y-2", compact ? "max-w-[24rem]" : "max-w-sm")}>
+        <h3 className={cn("font-semibold text-primary", compact ? "text-18" : "text-18")}>{title}</h3>
+        {description && (
+          <p className={cn("mx-auto text-13 leading-6 text-secondary", compact ? "max-w-[24rem]" : "max-w-sm")}>
+            {description}
+          </p>
+        )}
       </div>
     </div>
   );
diff --git a/plane-src/apps/web/ce/components/projects/external-contours/root.tsx b/plane-src/apps/web/ce/components/projects/external-contours/root.tsx
index af4badf..625ba89 100644
--- a/plane-src/apps/web/ce/components/projects/external-contours/root.tsx
+++ b/plane-src/apps/web/ce/components/projects/external-contours/root.tsx
@@ -99,8 +99,9 @@ export const ExternalContoursRoot = observer(function ExternalContoursRoot(props
             inboxIssueId={inboxIssueId.toString()}
           />
         ) : (
-          <div className="flex h-full w-full items-center justify-center px-8">
-            <div className="nodedc-external-section max-w-xl px-8 py-10">
+          <div className="flex h-full w-full flex-col overflow-hidden px-8">
+            <div className="hidden h-20 shrink-0 lg:block" />
+            <div className="flex min-h-0 flex-1 items-center justify-center">
               <ExternalContoursEmptyState
                 compact
                 title={t("external_contours_page.empty_state.detail_title")}