src/components/common/user/UserCheckbox.tsx

-import { User } from "revolt.js";
-import UserIcon from "./UserIcon";
+import { User } from "revolt.js/dist/maps/Users";
+
 import Checkbox, { CheckboxProps } from "../../ui/Checkbox";
 
+import UserIcon from "./UserIcon";
+import { Username } from "./UserShort";
+
 type UserProps = Omit<CheckboxProps, "children"> & { user: User };
 
 export default function UserCheckbox({ user, ...props }: UserProps) {
     return (
         <Checkbox {...props}>
             <UserIcon target={user} size={32} />
-            {user.username}
+            <Username user={user} />
         </Checkbox>
     );
 }

src/components/navigation/RightSidebar.tsx

 import { Route, Switch } from "react-router";
-import SidebarBase from "./SidebarBase";
 
+import SidebarBase from "./SidebarBase";
 import MemberSidebar from "./right/MemberSidebar";
 
 export default function RightSidebar() {
@@ -16,4 +16,4 @@ export default function RightSidebar() {
             </Switch>
         </SidebarBase>
     );
-};
+}