diff --git a/src/combined/ClientApp/src/components/TeamsInfo/TeamDetails.tsx b/src/combined/ClientApp/src/components/TeamsInfo/TeamDetails.tsx
index a6887ca0..30ddd223 100644
--- a/src/combined/ClientApp/src/components/TeamsInfo/TeamDetails.tsx
+++ b/src/combined/ClientApp/src/components/TeamsInfo/TeamDetails.tsx
@@ -30,7 +30,7 @@ export function TeamDetails() {
     if (list[1] !== null) {
         ownerId = parseInt(list[1]);   // parse the string back to a number.
     }
-
+    console.log("I am the owner Id", ownerId);
     const accessToken = localStorage.getItem("access_token");
 
     const config = useMemo(() => {
@@ -41,6 +41,7 @@ export function TeamDetails() {
 
 
     const api = process.env.PUBLIC_URL + `/api/teams/${tId}`;
+    const personApi = process.env.PUBLIC_URL + `/api/Person/${ownerId}`;
     const [currentTeam, setCurrentTeam] = useState<any>();
     const [loggedInUserId, setLoggedInUserId] = useState<number>();
     const [loggedInUserTeamId, setLoggedInUserTeamId] = useState<number>();
@@ -62,7 +63,7 @@ export function TeamDetails() {
     const [progressBarIsUptodate, setprogressBarIsUptodate] = useState<boolean>(false);
 
     const [previousTeam, setpreviousTeam] = useState<Team>();
-
+    const [teamOwner, setteamOwner] = useState<Person>();
 
     useEffect(() => {
         const config = {
@@ -76,7 +77,7 @@ export function TeamDetails() {
                     setCanSwitchTeam(false)
                 }
             });
-        }
+        }      
 
         async function PreviousTeamInfo() {
 
@@ -84,7 +85,7 @@ export function TeamDetails() {
 
                 var res = await axios.get(process.env.PUBLIC_URL + `/api/PersonTeamAssociation/${loggedInUserId}/${currentEvent?.id}`)
                 if (res.status === 200) {
-                    console.log("previous team name", res.data?.name)
+                    
                     setpreviousTeam(res.data)
                 }
             }
@@ -172,6 +173,7 @@ export function TeamDetails() {
             await currentTeamMembers();
             await getDonationTotal();
             await PreviousTeamInfo();
+            
         };
 if(currentEvent?.id != null){
 
@@ -190,7 +192,26 @@ if(currentEvent?.id != null){
         }
 
 
-    }, [api, ownerId, currentEvent, loggedInUserId, tId, currentTeam?.ownerID, deleteUserId, members.length, currentEvent?.id, currentTeam?.id]);
+    }, [api, personApi, ownerId, currentEvent, loggedInUserId, tId, currentTeam?.ownerID, deleteUserId, members.length, currentEvent?.id, currentTeam?.id]);
+
+
+    useEffect(() => {
+        async function fetchTeamOwner() {
+
+            var perRes = await axios.get(personApi, config);           
+            var personResponse = perRes.data;     
+            setteamOwner(personResponse);  
+           
+        }
+
+
+        const callServise = async () => {
+            await fetchTeamOwner();
+        };
+
+        callServise();
+    }, [personApi, config]);
+
     const closeModal = () => {
         setopenArchiveModal(false)
         setOpenSwitchTeamsModal(false)
@@ -416,20 +437,29 @@ if(currentEvent?.id != null){
                             <ul>
                                 {members.map((j: any) => (
                                     <li key={j.id}>
-                                        {(isAdmin || loggedInUserId === currentTeam?.ownerID) ? (
-                                            <Button
-                                                variant="contained"
-                                                color="primary"
-                                                onClick={() => { setopenDeleteModal(true); setDeleteUserId(j.id); setMessage("Are you sure you want to remove memeber " + j.name + " from your team?") }}
-                                                size="small"
-                                                className="DeleteMembersButton"
-                                            >
-                                                X
-                                            </Button>
-                                        ) : null}
-                                        {j.nickname}
-
-                                        {
+                                        {!isAdmin && loggedInUserId !== currentTeam?.ownerID ? null : (
+                                            j.id !== teamOwner?.id && (
+                                                <Button
+                                                    variant="contained"
+                                                    color="primary"
+                                                    onClick={() => {
+                                                        setopenDeleteModal(true);
+                                                        setDeleteUserId(j.id);
+                                                        setMessage(`Are you sure you want to remove member ${j.name} from your team?`);
+                                                    }}
+                                                    size="small"
+                                                    className="DeleteMembersButton"
+                                                >
+                                                    X
+                                                </Button>
+                                            )
+                                        )}
+                                        {j.id === teamOwner?.id ? (
+                                            <p>Team owner: <span style={{ color: 'red' }}>{teamOwner?.name}</span></p>
+                                        ) : (
+                                            <span>{j.nickname}</span>
+                                        )}
+                                        {openErrorModal && (
                                             <DynamicModal
                                                 open={openErrorModal}
                                                 close={closeModal}
@@ -437,8 +467,8 @@ if(currentEvent?.id != null){
                                                 onConfirm={closeModal}
                                                 isOkConfirm={true}
                                             />
-                                        }
-                                        {
+                                        )}
+                                        {openZeroPersonModal && (
                                             <DynamicModal
                                                 open={openZeroPersonModal}
                                                 close={closeModal}
@@ -446,21 +476,21 @@ if(currentEvent?.id != null){
                                                 onConfirm={closeModal}
                                                 isOkConfirm={true}
                                             />
-                                        }
-                                        {
-                                            !openErrorModal && !openZeroPersonModal && (
-                                                <DynamicModal
-                                                    open={openDeleteModal}
-                                                    close={closeModal}
-                                                    message={message}
-                                                    onConfirm={() => handleDeleteUser()}
-                                                    isOkConfirm={isOkModal}
-                                                />
-                                            )
-                                        }
+                                        )}
+                                        {!openErrorModal && !openZeroPersonModal && (
+                                            <DynamicModal
+                                                open={openDeleteModal}
+                                                close={closeModal}
+                                                message={message}
+                                                onConfirm={() => handleDeleteUser()}
+                                                isOkConfirm={isOkModal}
+                                            />
+                                        )}
                                     </li>
                                 ))}
                             </ul>
+
+                        </Typography>
                     </CardContent>
                 </Card>
             </Box>