diff --git a/src/components/Inbox/GroupDialogAvatar.tsx b/src/components/Inbox/GroupDialogAvatar.tsx
index f68a4b17..49df5ffe 100644
--- a/src/components/Inbox/GroupDialogAvatar.tsx
+++ b/src/components/Inbox/GroupDialogAvatar.tsx
@@ -21,7 +21,7 @@ const GroupDialogAvatar = (props: Props) => {
       <For each={slicedUsers()}>
         {(user) => (
           <DialogAvatar
-            className={styles.grouped}
+            class={styles.grouped}
             bordered={true}
             size="small"
             name={user.name}
diff --git a/src/components/Views/Author.tsx b/src/components/Views/Author.tsx
index 85378e8d..8eba28d9 100644
--- a/src/components/Views/Author.tsx
+++ b/src/components/Views/Author.tsx
@@ -43,7 +43,7 @@ export const AuthorView = (props: AuthorProps) => {
   const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false)
 
   const author = createMemo(() => authorEntities()[props.authorSlug])
-  const subscribers = new Array(12).fill(author())
+  const subscribers = Array.from({ length: 12 }).fill(author())
   const { searchParams, changeSearchParam } = useRouter<AuthorPageSearchParams>()
 
   const loadMore = async () => {