From 89896491ffff970c9fed467639363ba1c7c9cf52 Mon Sep 17 00:00:00 2001
From: Arno V <versini@gmail.com>
Date: Wed, 20 Mar 2024 09:10:18 -0400
Subject: [PATCH] fix(Table): better header and footer contrast in dark mode -
 take 2 (#441)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
	- Updated table footer cell styling for improved visual consistency.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 packages/documentation/src/Components/Table.stories.tsx  | 2 +-
 packages/ui-components/src/components/Table/utilities.ts | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/documentation/src/Components/Table.stories.tsx b/packages/documentation/src/Components/Table.stories.tsx
index 7f4ae642..947fa8c8 100644
--- a/packages/documentation/src/Components/Table.stories.tsx
+++ b/packages/documentation/src/Components/Table.stories.tsx
@@ -219,7 +219,7 @@ export const Sticky: Story<any> = (args) => {
 
 					<TableFooter>
 						<TableRow>
-							<TableCell colSpan={3} className="py-3 text-center uppercase">
+							<TableCell colSpan={3} className="text-center uppercase">
 								hello footer
 							</TableCell>
 						</TableRow>
diff --git a/packages/ui-components/src/components/Table/utilities.ts b/packages/ui-components/src/components/Table/utilities.ts
index a028e16a..7da08396 100644
--- a/packages/ui-components/src/components/Table/utilities.ts
+++ b/packages/ui-components/src/components/Table/utilities.ts
@@ -148,7 +148,8 @@ export const getTableCellClasses = ({
 		"text-copy-dark": mode === "light",
 		"text-copy-light dark:text-copy-dark": mode === "system",
 		"text-copy-dark dark:text-copy-light": mode === "alt-system",
-		"px-4 py-3": cellWrapper === CELL_WRAPPER_HEAD,
+		"px-4 py-3":
+			cellWrapper === CELL_WRAPPER_HEAD || cellWrapper === CELL_WRAPPER_FOOTER,
 		"p-4": cellWrapper === CELL_WRAPPER_BODY,
 	});
 };