@@ -173,6 +173,23 @@ describe('APIKeysTable', () => {
       expect(within(table()).getAllByRole('row')).toHaveLength(3);
     });
 
+    it('keeps its column widths when the first page arrives', async () => {
+      serveFapi(signedIn());
+      const list = holdRequests('get', '/api_keys');
+      await renderWithClerk(<APIKeysTable subject={alice.id} />);
+      await screen.findByRole('status');
+      const columnWidths = () =>
+        within(table())
+          .getAllByRole('columnheader')
+          .map(header => header.getBoundingClientRect().width);
+      const loadingWidths = columnWidths();
+
+      list.release();
+      await within(table()).findByText('Web app');
+
+      expect(columnWidths()).toEqual(loadingWidths);
+    });
+
     it('explains when the user has no keys', async () => {
       await renderTable(signedIn([]));
 
 
@@ -4,6 +4,7 @@ import { fontWeightVars, space } from '../../tokens.stylex';
 
 export const styles = stylex.create({
   root: { gap: space['6'], display: 'flex', flexDirection: 'column', width: '100%' },
+  table: { minWidth: '36rem' },
   name: { fontWeight: fontWeightVars['--cl-font-medium'] },
   metadata: { gap: space['0.5'], display: 'flex', flexDirection: 'column', minWidth: '25ch' },
 });
@@ -90,7 +90,16 @@ export function APIKeysTableView({
         <Table.Root
           aria-label={m.title}
           aria-busy={isLoading || isFetching}
+          layout='fixed'
+          xstyle={styles.table}
         >
+          <Table.ColumnGroup>
+            {onBulkAction ? <Table.Column /> : null}
+            <Table.Column />
+            <Table.Column width='9rem' />
+            <Table.Column width='9rem' />
+            {revoke ? <Table.Column width='4rem' /> : null}
+          </Table.ColumnGroup>
           <Table.Header>
             <Table.Row>
               {onBulkAction ? (