From 66a8520258815f74fc7b4ab555827f513fac6954 Mon Sep 17 00:00:00 2001
From: Alex Sohn <alexsohn1126@gmail.com>
Date: Mon, 6 Jul 2026 22:11:44 -0400
Subject: [PATCH 1/3] fix(autofix): remove huge margin on in-progress feedback
 spinner

The LoadingIndicator's outer wrapper carries a hardcoded margin: 6em auto
that the size prop doesn't override, so the small spinner rendered with a
huge margin. Pass style={{margin: 0}} to collapse it.
---
 static/app/components/events/autofix/v3/codeChangesCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/app/components/events/autofix/v3/codeChangesCard.tsx b/static/app/components/events/autofix/v3/codeChangesCard.tsx
index 9c13fb61e485..787d3fca0664 100644
--- a/static/app/components/events/autofix/v3/codeChangesCard.tsx
+++ b/static/app/components/events/autofix/v3/codeChangesCard.tsx
@@ -466,7 +466,7 @@ function FeedbackStatusIcon({status}: {status: FeedbackStatus}) {
     case 'in_progress':
       return (
         <Tooltip title={t('This feedback is being processed')}>
-          <LoadingIndicator size={14} />
+          <LoadingIndicator size={14} style={{margin: 0}} />
         </Tooltip>
       );
     case 'queued':
@@ -491,7 +491,7 @@ function FeedbackItem({item}: {item: IterationFeedback}) {
     <Flex gap="md" align="start" justify="between">
       <Flex gap="md" align="start" flex="1" minWidth={0}>
         <Flex align="center" gap="md" height="1lh">
-          <Flex align="center" justify="center" flex="0 0 28px">
+          <Flex width="28px" justify="center">
             <FeedbackStatusIcon status={item.status} />
           </Flex>
           <FeedbackAttribution item={item} />

From cba4ae204dcd5e8cfbc2db4d00aa719b2ff50723 Mon Sep 17 00:00:00 2001
From: Alex Sohn <alexsohn1126@gmail.com>
Date: Mon, 6 Jul 2026 22:30:41 -0400
Subject: [PATCH 2/3] revert flex change, keep only margin fix

---
 static/app/components/events/autofix/v3/codeChangesCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/events/autofix/v3/codeChangesCard.tsx b/static/app/components/events/autofix/v3/codeChangesCard.tsx
index 787d3fca0664..c6747ccecd40 100644
--- a/static/app/components/events/autofix/v3/codeChangesCard.tsx
+++ b/static/app/components/events/autofix/v3/codeChangesCard.tsx
@@ -491,7 +491,7 @@ function FeedbackItem({item}: {item: IterationFeedback}) {
     <Flex gap="md" align="start" justify="between">
       <Flex gap="md" align="start" flex="1" minWidth={0}>
         <Flex align="center" gap="md" height="1lh">
-          <Flex width="28px" justify="center">
+          <Flex align="center" justify="center" flex="0 0 28px">
             <FeedbackStatusIcon status={item.status} />
           </Flex>
           <FeedbackAttribution item={item} />

From a1775c92672ca22d175247e551b50d8d55d31285 Mon Sep 17 00:00:00 2001
From: Alex Sohn <alexsohn1126@gmail.com>
Date: Mon, 6 Jul 2026 22:50:48 -0400
Subject: [PATCH 3/3] use width=28px instead of flex=0 0 28px for icon column

---
 static/app/components/events/autofix/v3/codeChangesCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/events/autofix/v3/codeChangesCard.tsx b/static/app/components/events/autofix/v3/codeChangesCard.tsx
index c6747ccecd40..d865429155c0 100644
--- a/static/app/components/events/autofix/v3/codeChangesCard.tsx
+++ b/static/app/components/events/autofix/v3/codeChangesCard.tsx
@@ -491,7 +491,7 @@ function FeedbackItem({item}: {item: IterationFeedback}) {
     <Flex gap="md" align="start" justify="between">
       <Flex gap="md" align="start" flex="1" minWidth={0}>
         <Flex align="center" gap="md" height="1lh">
-          <Flex align="center" justify="center" flex="0 0 28px">
+          <Flex align="center" justify="center" width="28px">
             <FeedbackStatusIcon status={item.status} />
           </Flex>
           <FeedbackAttribution item={item} />