diff --git a/packages/bento-design-system/src/Table/Table.css.ts b/packages/bento-design-system/src/Table/Table.css.ts index 1a5288cb1..494c5cdfb 100644 --- a/packages/bento-design-system/src/Table/Table.css.ts +++ b/packages/bento-design-system/src/Table/Table.css.ts @@ -9,9 +9,23 @@ export const table = style({ isolation: "isolate", }); -export const lastLeftStickyColumn = bentoSprinkles({ - background: "backgroundPrimary", - paddingRight: 8, +export const lastLeftStickyColumn = strictRecipe({ + variants: { + withDividers: { + true: style([ + { + paddingRight: 2, + }, + bentoSprinkles({ + background: "outlineDecorative", + }), + ]), + false: bentoSprinkles({ + background: "backgroundPrimary", + paddingRight: 8, + }), + }, + }, }); export const columnHeader = strictRecipe({ diff --git a/packages/bento-design-system/src/Table/Table.tsx b/packages/bento-design-system/src/Table/Table.tsx index feb29297f..ace3d2676 100644 --- a/packages/bento-design-system/src/Table/Table.tsx +++ b/packages/bento-design-system/src/Table/Table.tsx @@ -585,7 +585,10 @@ function ColumnHeader>({ return ( >({ return ( +