diff --git a/packages/lake/src/components/Cells.tsx b/packages/lake/src/components/Cells.tsx
index c1ec70d9a..a284488a9 100644
--- a/packages/lake/src/components/Cells.tsx
+++ b/packages/lake/src/components/Cells.tsx
@@ -33,15 +33,15 @@ const justifyContentStyles = StyleSheet.create({
 });
 /* eslint-enable react-native/no-unused-styles */
 
-const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
-const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
+const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[12]})`;
+const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[12]})`;
 
 const styles = StyleSheet.create({
   cell: {
     flexDirection: "row",
     flexGrow: 1,
     flexShrink: 1,
-    paddingHorizontal: spacings[16],
+    paddingHorizontal: spacings[12],
   },
   cellContentContainer: {
     flexGrow: 1,
@@ -103,10 +103,6 @@ const styles = StyleSheet.create({
     paddingRight: 0,
     paddingLeft: spacings[8],
   },
-  actionCell: {
-    paddingVertical: spacings[16],
-    paddingHorizontal: spacings[8],
-  },
 });
 
 type Align = "left" | "center" | "right";
@@ -500,9 +496,10 @@ export const EndAlignedCell = (props: Except<CellProps, "align">) => (
   <Cell align="right" {...props} />
 );
 
-export const ActionCell = ({ style, ...props }: CellProps) => (
-  <Cell {...props} style={[styles.actionCell, style]} />
-);
+/**
+ * @deprecated Use `<Cell align="right" />` instead
+ */
+export const ActionCell = (props: CellProps) => <Cell align="right" {...props} />;
 
 /**
  * @deprecated Use <ActionCell /> instead