@codecademy/gamut

Index: package/dist/DataList/Tables/Rows/TableHeaderRow.js
===================================================================
--- package/dist/DataList/Tables/Rows/TableHeaderRow.js
+++ package/dist/DataList/Tables/Rows/TableHeaderRow.js
@@ -1,8 +1,9 @@
 import { memo } from 'react';
 import { FlexBox } from '../../..';
 import { ListCol } from '../../../List';
 import { useListContext } from '../../../List/ListProvider';
+import { DEFAULT_COLUMN_SIZE } from '../../constants';
 import { ExpandControl, FilterControl, SelectControl, SortControl } from '../../Controls';
 import { useControlContext } from '../../hooks/useListControls';
 import { useListState } from '../../hooks/useListState';
 import { StyledHeaderRow } from './elements';
@@ -44,8 +45,9 @@
       key,
       header,
       sortable,
       filters,
+      size,
       ...colProps
     }) => {
       const rowProperty = key;
       const renderKey = prefixId(`header-col-${rowProperty}`);
@@ -55,8 +57,9 @@
       return /*#__PURE__*/_jsx(ListCol, {
         ...colProps,
         "aria-sort": sortable ? ariaSortDirection : undefined,
         columnHeader: true,
+        size: size ?? DEFAULT_COLUMN_SIZE,
         children: /*#__PURE__*/_jsxs(FlexBox, {
           alignItems: selectable ? 'center' : 'flex-end',
           gap: 8,
           height: "100%",