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,
 	});
 };