From 9eefed745778c2b0b1c290534f07e0b8f5d605f2 Mon Sep 17 00:00:00 2001
From: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
Date: Wed, 16 Nov 2022 15:29:39 +0530
Subject: [PATCH] fix(ui): update default status to empty instead queued
 (#8713)

---
 .../ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
index 926f596c2c2..8511bdadf65 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCard/ActivityFeedCard.tsx
@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import { compare, Operation } from 'fast-json-patch';
 import { isUndefined } from 'lodash';
 import { observer } from 'mobx-react';
-import React, { FC, useEffect, useState } from 'react';
+import React, { FC, useEffect, useRef, useState } from 'react';
 import AppState from '../../../AppState';
 import { ReactionOperation } from '../../../enums/reactions.enum';
 import { AnnouncementDetails } from '../../../generated/api/feed/createThread';
@@ -60,7 +60,7 @@ const ActivityFeedCard: FC<ActivityFeedCardProp> = ({
   const entityField = getEntityField(entityLink as string);
 
   const currentUser = AppState.getCurrentUserDetails();
-
+  const containerRef = useRef<HTMLDivElement>(null);
   const [feedDetail, setFeedDetail] = useState<Post>(feed);
 
   const [visible, setVisible] = useState<boolean>(false);
@@ -168,9 +168,10 @@ const ActivityFeedCard: FC<ActivityFeedCardProp> = ({
           {
             'tw-bg-gray-100': visible,
           }
-        )}>
+        )}
+        ref={containerRef}>
         <Popover
-          align={{ targetOffset: [0, -35] }}
+          align={{ targetOffset: [0, -14] }}
           content={
             <PopoverContent
               isAnnouncement={!isUndefined(announcementDetails)}
@@ -187,6 +188,7 @@ const ActivityFeedCard: FC<ActivityFeedCardProp> = ({
             />
           }
           destroyTooltipOnHide={{ keepParent: false }}
+          getPopupContainer={() => containerRef.current || document.body}
           key="reaction-options-popover"
           overlayClassName="ant-popover-feed"
           placement="topRight"