update some of the listing

web/src/components/list/BusterList/BusterListHeader.tsx

@@ -49,7 +49,8 @@ export const BusterListHeader: React.FC<{
             key={column.dataIndex}
             style={{
               width: column.width || '100%',
-              flex: column.width ? 'none' : 1
+              flex: column.width ? 'none' : 1,
+              paddingLeft: showCheckboxColumn ? undefined : '0px'
             }}>
             {column.headerRender ? (
               column.headerRender(column.title)
@@ -77,7 +78,7 @@ const useStyles = createStyles(({ token, css }) => ({
     border-bottom: 0.5px solid ${token.colorBorder};
 
     .header-cell {
-      padding: 0 4px;
+      padding: 0 0px;
       height: 100%;
 
       // &:first-child {

web/src/components/list/BusterList/BusterListSectionComponent.tsx

@@ -65,7 +65,7 @@ export const BusterListSectionComponent = React.memo(
             <CheckboxColumn checkStatus={checkStatus} onChange={onChange} />
           )}
 
-          <div className={cx('flex items-center space-x-2 leading-none', 'pl-[4px]')}>
+          <div className={cx('flex items-center space-x-2 pl-[0px] leading-none')}>
             <Text size="sm">{rowSection.title}</Text>
             <Text size="sm" type="tertiary">
               {rowSection.secondaryTitle}

web/src/components/list/BusterList/BusterListVirtua.tsx

@@ -108,7 +108,7 @@ export const BusterListVirtua = React.memo(
         {showHeader && !showEmptyState && (
           <BusterListHeader
             columns={columns}
-            onGlobalSelectChange={onGlobalSelectChange}
+            onGlobalSelectChange={onSelectChange ? onGlobalSelectChange : undefined}
             globalCheckStatus={globalCheckStatus}
             rowsLength={rows.length}
             showSelectAll={showSelectAll}

web/src/components/list/BusterList/CheckboxColumn.tsx

@@ -20,9 +20,9 @@ export const CheckboxColumn: React.FC<{
     <div
       onClick={onClickStopPropagation}
       className={cx(
+        className,
         styles.checkboxColumn,
         'flex items-center justify-center opacity-0',
-        className,
         'group-hover:opacity-100',
         showBox ? 'opacity-100' : ''
       )}>