diff --git a/src/Pages/Team/partials/TeamForm.tsx b/src/Pages/Team/partials/TeamForm.tsx
index 310bffb..51d9523 100644
--- a/src/Pages/Team/partials/TeamForm.tsx
+++ b/src/Pages/Team/partials/TeamForm.tsx
@@ -18,6 +18,7 @@ import { ApiService } from '@src/services/api';
import MembersDetails from '@src/components/MembersDetails';
import DrawerStyles from '@src/Pages/Incidents/DrawerMode/DrawerMode.module.scss';
import styles from '../Team.module.scss';
+import AlertOutlineIcon from '@navi/web-ui/lib/icons/AlertOutlineIcon';
const TeamForm = (props: TeamFormProps) => {
const { teamId, isExpanded, setTeamId, setLastUpdatedAt } = props;
diff --git a/src/components/MembersDetails/Members.module.scss b/src/components/MembersDetails/Members.module.scss
index 3a112e6..2316ce4 100644
--- a/src/components/MembersDetails/Members.module.scss
+++ b/src/components/MembersDetails/Members.module.scss
@@ -9,15 +9,19 @@
.participant-detail {
display: flex;
- align-items: center;
- justify-content: space-between;
+ //align-items: center;
+ //justify-content: space-between;
//margin-left: auto;
gap: 4px;
// margin-left: 15px;
//background-color: red;
}
-.participant-detail:hover .mark-as-manager {
+.participant-detail-nest {
+ display: flex;
+ //background-color: aqua;
+}
+.participant-detail-nest:hover .mark-as-manager {
visibility: visible; /* Show the text when hovering over the participant-detail */
}
diff --git a/src/components/MembersDetails/index.tsx b/src/components/MembersDetails/index.tsx
index e41fdd1..990a0ce 100644
--- a/src/components/MembersDetails/index.tsx
+++ b/src/components/MembersDetails/index.tsx
@@ -1,6 +1,7 @@
import { useState } from 'react';
import { Avatar, Typography, Tag } from '@navi/web-ui/lib/primitives';
+import { AlertOutlineIcon } from '@navi/web-ui/lib/icons';
import styles from './Members.module.scss';
import Button from '@navi/web-ui/lib/primitives/Button';
@@ -26,21 +27,24 @@ const MembersDetails = (props: any) => {