From eea6ceaec486b90015efa53c1e5c6dfb2d94bd11 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Wed, 4 Sep 2024 20:15:46 +0530
Subject: [PATCH] fix: pwa intake issue comment section z-index (#5522)

---
 .../issue-detail/issue-activity/comments/comment-block.tsx      | 2 +-
 .../issue-detail/issue-activity/comments/comment-create.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/core/components/issues/issue-detail/issue-activity/comments/comment-block.tsx b/web/core/components/issues/issue-detail/issue-activity/comments/comment-block.tsx
index a5163bcbf8..2fb7116ffe 100644
--- a/web/core/components/issues/issue-detail/issue-activity/comments/comment-block.tsx
+++ b/web/core/components/issues/issue-detail/issue-activity/comments/comment-block.tsx
@@ -26,7 +26,7 @@ export const IssueCommentBlock: FC<TIssueCommentBlock> = observer((props) => {
   return (
     <div className={`relative flex gap-3 ${ends === "top" ? `pb-2` : ends === "bottom" ? `pt-2` : `py-2`}`}>
       <div className="absolute left-[13px] top-0 bottom-0 w-0.5 bg-custom-background-80" aria-hidden />
-      <div className="flex-shrink-0 relative w-7 h-7 rounded-full flex justify-center items-center z-10 bg-gray-500 text-white border border-white uppercase font-medium">
+      <div className="flex-shrink-0 relative w-7 h-7 rounded-full flex justify-center items-center z-[3] bg-gray-500 text-white border border-white uppercase font-medium">
         {comment.actor_detail.avatar && comment.actor_detail.avatar !== "" ? (
           <img
             src={comment.actor_detail.avatar}
diff --git a/web/core/components/issues/issue-detail/issue-activity/comments/comment-create.tsx b/web/core/components/issues/issue-detail/issue-activity/comments/comment-create.tsx
index c5013442f6..f5868c005f 100644
--- a/web/core/components/issues/issue-detail/issue-activity/comments/comment-create.tsx
+++ b/web/core/components/issues/issue-detail/issue-activity/comments/comment-create.tsx
@@ -57,7 +57,7 @@ export const IssueCommentCreate: FC<TIssueCommentCreate> = (props) => {
 
   return (
     <div
-      className={cn("sticky bottom-0 z-10 bg-custom-background-100 sm:static", {
+      className={cn("sticky bottom-0 z-[4] bg-custom-background-100 sm:static", {
         "-bottom-5": !peekIssue,
       })}
       onKeyDown={(e) => {