diff --git a/webui2/src/components/bugs/comment-box.tsx b/webui2/src/components/bugs/comment-box.tsx
index a3b2765b2076c1ba56670641ffeb61d39d70b75f..aa5fd8f91440b2c8c2debdef7e57f0cf0485c79b 100644
--- a/webui2/src/components/bugs/comment-box.tsx
+++ b/webui2/src/components/bugs/comment-box.tsx
@@ -120,7 +120,7 @@ export function CommentBox({ bugPrefix, bugStatus, ref_ }: CommentBoxProps) {
 
   return (
     <CommentCard.Root>
-      <CommentCard.AuthorAvatar from={user} />
+      <CommentCard.AuthorAvatar author={user} />
       <CommentCard.Card>
         <WritePreview.Root hasContent={hasMessage} preview={preview} onPreviewChange={setPreview}>
           <WritePreview.Tabs className="border-border border-b px-4 py-2" />
diff --git a/webui2/src/components/bugs/label-editor.tsx b/webui2/src/components/bugs/label-editor.tsx
index b5278b865dea0a6bed71b7c6e75f490b14bf384c..8a4286183fce750e38142213ab3249289ca0b6a9 100644
--- a/webui2/src/components/bugs/label-editor.tsx
+++ b/webui2/src/components/bugs/label-editor.tsx
@@ -157,7 +157,7 @@ export function LabelEditor({ bugPrefix, currentLabels, ref_, validLabels }: Lab
                             : {}
                         }
                       />
-                      <LabelBadge from={label} />
+                      <LabelBadge label={label} />
                     </Listbox.Item>
                   );
                 })}
@@ -172,7 +172,7 @@ export function LabelEditor({ bugPrefix, currentLabels, ref_, validLabels }: Lab
       ) : (
         <div className="flex flex-wrap gap-1">
           {currentLabels.map((label) => (
-            <LabelBadge key={label.name} from={label} />
+            <LabelBadge key={label.name} label={label} />
           ))}
         </div>
       )}
diff --git a/webui2/src/components/bugs/timeline.tsx b/webui2/src/components/bugs/timeline.tsx
index f008d17bd11684475bb32ea098dba90259f6998f..bcb0f096180a777fe47c13bd850b3d79c3f855e2 100644
--- a/webui2/src/components/bugs/timeline.tsx
+++ b/webui2/src/components/bugs/timeline.tsx
@@ -164,7 +164,7 @@ function CommentItem({
 
   return (
     <CommentCard.Root>
-      <CommentCard.AuthorAvatar from={item.author} />
+      <CommentCard.AuthorAvatar author={item.author} />
       <CommentCard.Card>
         <CommentCard.CardHeader>
           <Link
@@ -258,7 +258,7 @@ function LabelChangeItem({ item, repo }: { item: LabelChangeItem; repo: string |
           <>
             added{" "}
             {item.added.map((l, i) => (
-              <LabelBadge key={i} from={l} />
+              <LabelBadge key={i} label={l} />
             ))}{" "}
           </>
         )}
@@ -266,7 +266,7 @@ function LabelChangeItem({ item, repo }: { item: LabelChangeItem; repo: string |
           <>
             removed{" "}
             {item.removed.map((l, i) => (
-              <LabelBadge key={i} from={l} />
+              <LabelBadge key={i} label={l} />
             ))}{" "}
           </>
         )}
diff --git a/webui2/src/components/shared/comment-card.tsx b/webui2/src/components/shared/comment-card.tsx
index 6e7c161f7619f78499d85ad757655630945e3ebe..ba52fe791007b57f16ed61c2e69fdcf7ead56dae 100644
--- a/webui2/src/components/shared/comment-card.tsx
+++ b/webui2/src/components/shared/comment-card.tsx
@@ -25,12 +25,12 @@ export function Root({ children, className }: RootProps) {
 }
 
 interface AuthorAvatarProps {
-  from: FragmentType<typeof IDENTITY_SUMMARY_FRAGMENT>;
+  author: FragmentType<typeof IDENTITY_SUMMARY_FRAGMENT>;
   className?: string;
 }
 
-export function AuthorAvatar({ from, className }: AuthorAvatarProps) {
-  const { data } = useSuspenseFragment({ fragment: IDENTITY_SUMMARY_FRAGMENT, from });
+export function AuthorAvatar({ author, className }: AuthorAvatarProps) {
+  const { data } = useSuspenseFragment({ fragment: IDENTITY_SUMMARY_FRAGMENT, from: author });
 
   return (
     <Avatar className={cn("mt-1 size-8 shrink-0", className)}>
diff --git a/webui2/src/components/shared/issue-filters.tsx b/webui2/src/components/shared/issue-filters.tsx
index d4780cfe06922a6af2220af3d0dc133b62ceca70..aebc458ffd02d044c7a833380b25aaea37ec4656 100644
--- a/webui2/src/components/shared/issue-filters.tsx
+++ b/webui2/src/components/shared/issue-filters.tsx
@@ -373,7 +373,7 @@ function LabelFilter({
                           opacity: active ? 1 : 0.35,
                         }}
                       />
-                      <LabelBadge from={label} />
+                      <LabelBadge label={label} />
                     </Listbox.Item>
                   );
                 })}
diff --git a/webui2/src/components/shared/label-badge.tsx b/webui2/src/components/shared/label-badge.tsx
index e73951dcb575866a2285a431db241d3b587417e9..c49dac869051dfdd8d1e3729e5c8501d1d9d4cd1 100644
--- a/webui2/src/components/shared/label-badge.tsx
+++ b/webui2/src/components/shared/label-badge.tsx
@@ -22,7 +22,7 @@ function contrastColor(r: number, g: number, b: number): string {
 }
 
 interface LabelBadgeProps {
-  from: FragmentType<typeof LABEL_FIELDS_FRAGMENT>;
+  label: FragmentType<typeof LABEL_FIELDS_FRAGMENT>;
   className?: string;
 }
 
@@ -31,8 +31,8 @@ interface LabelBadgeProps {
 const LabelBadge = React.forwardRef<
   HTMLSpanElement,
   LabelBadgeProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "color">
->(({ from, className, ...props }, ref) => {
-  const { data } = useSuspenseFragment({ fragment: LABEL_FIELDS_FRAGMENT, from });
+>(({ label, className, ...props }, ref) => {
+  const { data } = useSuspenseFragment({ fragment: LABEL_FIELDS_FRAGMENT, from: label });
   const bg = `rgb(${data.color.R},${data.color.G},${data.color.B})`;
   const text = contrastColor(data.color.R, data.color.G, data.color.B);
 
diff --git a/webui2/src/routes/$repo/_issues/issues/index.tsx b/webui2/src/routes/$repo/_issues/issues/index.tsx
index 77cdd7772d9357e6d930dcfb2480f3f0ba9524f4..9d4b6569252dbb932a32b9e6a4bfd9c242f18d6f 100644
--- a/webui2/src/routes/$repo/_issues/issues/index.tsx
+++ b/webui2/src/routes/$repo/_issues/issues/index.tsx
@@ -290,7 +290,7 @@ function RouteComponent() {
                 {bug.labels.map((label) => (
                   <LabelBadgeLink
                     key={label.name}
-                    from={label}
+                    label={label}
                     to="/$repo/issues"
                     params={{ repo }}
                     search={{
diff --git a/webui2/src/routes/$repo/_issues/user/$id.tsx b/webui2/src/routes/$repo/_issues/user/$id.tsx
index d566d345b02c94a2613fbafead70c977002b7586..de59c2a6812d86053cf6c62fd4f223fcd75b0130 100644
--- a/webui2/src/routes/$repo/_issues/user/$id.tsx
+++ b/webui2/src/routes/$repo/_issues/user/$id.tsx
@@ -191,7 +191,7 @@ function RouteComponent() {
                   {bug.title}
                 </Link>
                 {bug.labels.map((label) => (
-                  <LabelBadge key={label.name} from={label} />
+                  <LabelBadge key={label.name} label={label} />
                 ))}
               </IssueRow.TitleArea>
               <IssueRow.Meta>