diff --git a/src/app/(main)/reports/ReportDeleteButton.tsx b/src/app/(main)/reports/ReportDeleteButton.tsx
index 7ad9c465..d51f7144 100644
--- a/src/app/(main)/reports/ReportDeleteButton.tsx
+++ b/src/app/(main)/reports/ReportDeleteButton.tsx
@@ -30,7 +30,7 @@ export function ReportDeleteButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Trash />
         </Icon>
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
index 31186055..9cc99869 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
@@ -25,7 +25,7 @@ export function TeamMemberEditButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Edit />
         </Icon>
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
index b54757e7..0c22ac76 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
@@ -11,7 +11,7 @@ import {
   SubmitButton,
 } from 'react-basics';
 
-export function UserAddForm({
+export function TeamMemberEditForm({
   teamId,
   userId,
   role,
@@ -41,7 +41,7 @@ export function UserAddForm({
 
   const renderValue = (value: string) => {
     if (value === ROLES.teamMember) {
-      return formatMessage(labels.teamMember);
+      return formatMessage(labels.member);
     }
     if (value === ROLES.teamViewOnly) {
       return formatMessage(labels.viewOnly);
@@ -58,7 +58,7 @@ export function UserAddForm({
               minWidth: '250px',
             }}
           >
-            <Item key={ROLES.teamMember}>{formatMessage(labels.teamMember)}</Item>
+            <Item key={ROLES.teamMember}>{formatMessage(labels.member)}</Item>
             <Item key={ROLES.teamViewOnly}>{formatMessage(labels.viewOnly)}</Item>
           </Dropdown>
         </FormInput>
@@ -75,4 +75,4 @@ export function UserAddForm({
   );
 }
 
-export default UserAddForm;
+export default TeamMemberEditForm;
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
index f19d857b..3f024395 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
@@ -35,7 +35,7 @@ export function TeamMemberRemoveButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Close />
         </Icon>
diff --git a/src/components/messages.ts b/src/components/messages.ts
index 666680e2..b201c198 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -28,6 +28,7 @@ export const labels = defineMessages({
   created: { id: 'label.created', defaultMessage: 'Created' },
   edit: { id: 'label.edit', defaultMessage: 'Edit' },
   name: { id: 'label.name', defaultMessage: 'Name' },
+  member: { id: 'label.member', defaultMessage: 'Member' },
   members: { id: 'label.members', defaultMessage: 'Members' },
   accessCode: { id: 'label.access-code', defaultMessage: 'Access code' },
   teamId: { id: 'label.team-id', defaultMessage: 'Team ID' },