#1597 right aligned the pencil editing icon

Author: qihongw08

src/frontend/src/pages/TeamsPage/TeamMembersPageBlock.tsx

@@ -179,18 +179,18 @@ const TeamMembersPageBlock: React.FC<TeamMembersPageBlockProps> = ({ team }) =>
 
   const NonEditingHeadView = () => (
     <Grid container>
-      <Grid item>
+      <Grid item xs={11} lg="auto">
         <DetailDisplay label="Head" content={fullNamePipe(team.head)} />
       </Grid>
-      <Grid item mt={-1}>
-        {hasPerms && <IconButton children={<Edit />} onClick={() => setIsEditingHead(true)} />}
+      <Grid item xs={1} mt={-1}>
+        {hasPerms && <IconButton children={<Edit />} onClick={() => setIsEditingLeads(true)} />}
       </Grid>
     </Grid>
   );
 
   const NonEditingLeadsView = () => (
     <Grid container>
-      <Grid item xs={11} lg="auto">
+      <Grid item xs={11}>
         <DetailDisplay label="Leads" content={team.leads.map((lead) => fullNamePipe(lead)).join(', ')} />
       </Grid>
       <Grid item xs={1} mt={-1}>