fix(settings): widen teams table actions column to prevent button text clipping

cvxluo · claude · cvxluo · commit 3fdf3b407cb2 · 2026-03-26T14:09:34.000-07:00
Co-authored-by: Claude &lt;noreply@anthropic.com&gt;
diff --git a/static/app/views/settings/organizationTeams/otherTeamsTable.tsx b/static/app/views/settings/organizationTeams/otherTeamsTable.tsx
@@ -234,15 +234,15 @@ function TeamAction({
 }
 
 const StyledSimpleTable = styled(SimpleTable)`
-  grid-template-columns: 1fr 125px 150px 130px;
+  grid-template-columns: 1fr 125px 150px auto;
   margin-bottom: ${p => p.theme.space.xl};
 
   [data-column-name='actions'] {
     padding-left: 0;
   }
 
   @media (max-width: ${p => p.theme.breakpoints.md}) {
-    grid-template-columns: 1fr 125px 130px;
+    grid-template-columns: 1fr 125px auto;
 
     [data-column-name='projects'] {
       display: none;
diff --git a/static/app/views/settings/organizationTeams/yourTeamsTable.tsx b/static/app/views/settings/organizationTeams/yourTeamsTable.tsx
@@ -208,15 +208,15 @@ function YourTeamRow({
 }
 
 const StyledSimpleTable = styled(SimpleTable)`
-  grid-template-columns: 1fr 125px 150px 130px;
+  grid-template-columns: 1fr 125px 150px auto;
   margin-bottom: ${p => p.theme.space.xl};
 
   [data-column-name='actions'] {
     padding-left: 0;
   }
 
   @media (max-width: ${p => p.theme.breakpoints.md}) {
-    grid-template-columns: 1fr 125px 130px;
+    grid-template-columns: 1fr 125px auto;
 
     [data-column-name='projects'] {
       display: none;

Original file line number	Diff line number	Diff line change
`@@ -234,15 +234,15 @@ function TeamAction({`
`234`	`234`	`}`
`235`	`235`
`236`	`236`	const StyledSimpleTable = styled(SimpleTable)`
`237`		`- grid-template-columns: 1fr 125px 150px 130px;`
	`237`	`+ grid-template-columns: 1fr 125px 150px auto;`
`238`	`238`	`margin-bottom: ${p => p.theme.space.xl};`
`239`	`239`
`240`	`240`	`[data-column-name='actions'] {`
`241`	`241`	`padding-left: 0;`
`242`	`242`	`}`
`243`	`243`
`244`	`244`	`@media (max-width: ${p => p.theme.breakpoints.md}) {`
`245`		`- grid-template-columns: 1fr 125px 130px;`
	`245`	`+ grid-template-columns: 1fr 125px auto;`
`246`	`246`
`247`	`247`	`[data-column-name='projects'] {`
`248`	`248`	`display: none;`
Original file line number	Diff line number	Diff line change
`@@ -208,15 +208,15 @@ function YourTeamRow({`
`208`	`208`	`}`
`209`	`209`
`210`	`210`	const StyledSimpleTable = styled(SimpleTable)`
`211`		`- grid-template-columns: 1fr 125px 150px 130px;`
	`211`	`+ grid-template-columns: 1fr 125px 150px auto;`
`212`	`212`	`margin-bottom: ${p => p.theme.space.xl};`
`213`	`213`
`214`	`214`	`[data-column-name='actions'] {`
`215`	`215`	`padding-left: 0;`
`216`	`216`	`}`
`217`	`217`
`218`	`218`	`@media (max-width: ${p => p.theme.breakpoints.md}) {`
`219`		`- grid-template-columns: 1fr 125px 130px;`
	`219`	`+ grid-template-columns: 1fr 125px auto;`
`220`	`220`
`221`	`221`	`[data-column-name='projects'] {`
`222`	`222`	`display: none;`