From c2b5464e403288b067ce587df4675942a7fef8a3 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 19 Jul 2024 15:12:59 +0530
Subject: [PATCH] fix: empty issue title indicator (#5173)

---
 web/core/components/issues/title-input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/core/components/issues/title-input.tsx b/web/core/components/issues/title-input.tsx
index 295ea50f63..a8edb792d7 100644
--- a/web/core/components/issues/title-input.tsx
+++ b/web/core/components/issues/title-input.tsx
@@ -110,7 +110,7 @@ export const IssueTitleInput: FC<IssueTitleInputProps> = observer((props) => {
           className={cn(
             "block w-full resize-none overflow-hidden rounded border-none bg-transparent px-3 py-0 text-2xl font-medium outline-none ring-0",
             {
-              "ring-1 ring-red-400 mx-3": title.length && title.length === 0,
+              "ring-1 ring-red-400 mx-2.5": title?.length === 0,
             },
             className
           )}
@@ -134,7 +134,7 @@ export const IssueTitleInput: FC<IssueTitleInputProps> = observer((props) => {
           /255
         </div>
       </div>
-      {title.length && title.length === 0 && <span className="text-sm text-red-500">Title is required</span>}
+      {title?.length === 0 && <span className="text-sm text-red-500">Title is required</span>}
     </div>
   );
 });