diff --git a/src/pages/friends/Friend.module.scss b/src/pages/friends/Friend.module.scss
index 474f91216c469a5e4996891300eb84e581e47dcd..1144a14fb635ce74e4f59773f93d6e5eb0dd31b7 100644
--- a/src/pages/friends/Friend.module.scss
+++ b/src/pages/friends/Friend.module.scss
@@ -191,7 +191,7 @@
         padding: 0 8px 8px 8px;
     }
 
-    .call {
+    .remove {
         display: none;
     }
 }
diff --git a/src/pages/friends/Friend.tsx b/src/pages/friends/Friend.tsx
index 68039fe579d39601b0cc9fac7f1bc6173c09d4b4..67bfb3c8cb9ea74dd2f8c9fcb67c44512095225d 100644
--- a/src/pages/friends/Friend.tsx
+++ b/src/pages/friends/Friend.tsx
@@ -1,5 +1,5 @@
 import { X, Plus } from "@styled-icons/boxicons-regular";
-import { PhoneCall, Envelope } from "@styled-icons/boxicons-solid";
+import { PhoneCall, Envelope, UserX } from "@styled-icons/boxicons-solid";
 import { User, Users } from "revolt.js/dist/api/objects";
 
 import styles from "./Friend.module.scss";
@@ -44,7 +44,6 @@ export function Friend({ user }: Props) {
                     type="circle"
                     className={classNames(
                         styles.button,
-                        styles.call,
                         styles.success,
                     )}
                     onClick={(ev) =>
@@ -89,7 +88,7 @@ export function Friend({ user }: Props) {
         actions.push(
             <IconButton
                 type="circle"
-                className={classNames(styles.button, styles.error)}
+                className={classNames(styles.button, styles.remove, styles.error)}
                 onClick={(ev) =>
                     stopPropagation(
                         ev,
@@ -115,7 +114,7 @@ export function Friend({ user }: Props) {
                 onClick={(ev) =>
                     stopPropagation(ev, client.users.unblockUser(user._id))
                 }>
-                <X size={24} />
+                <UserX size={24} />
             </IconButton>,
         );
     }