diff --git a/src/pages/friends/Friend.tsx b/src/pages/friends/Friend.tsx
index eb06fda1..fed35293 100644
--- a/src/pages/friends/Friend.tsx
+++ b/src/pages/friends/Friend.tsx
@@ -36,7 +36,7 @@ export const Friend = observer(({ user }: Props) => {
         actions.push(
             <>
                 <IconButton
-                    type="circle"
+                    shape="circle"
                     className={classNames(styles.button, styles.success)}
                     onClick={(ev) =>
                         stopPropagation(
@@ -50,7 +50,7 @@ export const Friend = observer(({ user }: Props) => {
                     <PhoneCall size={20} />
                 </IconButton>
                 <IconButton
-                    type="circle"
+                    shape="circle"
                     className={styles.button}
                     onClick={(ev) =>
                         stopPropagation(
@@ -71,7 +71,7 @@ export const Friend = observer(({ user }: Props) => {
     if (user.relationship === "Incoming") {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={styles.button}
                 onClick={(ev) => stopPropagation(ev, user.addFriend())}>
                 <Plus size={24} />
@@ -92,7 +92,7 @@ export const Friend = observer(({ user }: Props) => {
     ) {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={classNames(
                     styles.button,
                     styles.remove,
@@ -118,7 +118,7 @@ export const Friend = observer(({ user }: Props) => {
     if (user.relationship === "Blocked") {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={classNames(styles.button, styles.error)}
                 onClick={(ev) => stopPropagation(ev, user.unblockUser())}>
                 <UserX size={24} />