diff --git a/web/components/issues/title-input.tsx b/web/components/issues/title-input.tsx
index 6499f5330..f12008ab6 100644
--- a/web/components/issues/title-input.tsx
+++ b/web/components/issues/title-input.tsx
@@ -108,7 +108,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 === 0,
+              "ring-1 ring-red-400 mx-3": title.length && title.length === 0,
             },
             className
           )}