From da4dd3f1fdd29fc476b538f0893f9a76be39ede4 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 20 Sep 2021 12:24:00 +1000
Subject: [PATCH] TableHeader: fix iphone spacing

---
 src/components/Table/TableHeader/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Table/TableHeader/index.tsx b/src/components/Table/TableHeader/index.tsx
index fad29c6d..5baad4b2 100644
--- a/src/components/Table/TableHeader/index.tsx
+++ b/src/components/Table/TableHeader/index.tsx
@@ -43,7 +43,6 @@ export default function TableHeader() {
       spacing={1}
       sx={{
         pl: (theme) => `max(env(safe-area-inset-left), ${theme.spacing(2)})`,
-        pr: 2,
         pb: 1.5,
         height: TABLE_HEADER_HEIGHT,
         overflowX: "auto",
@@ -51,7 +50,8 @@ export default function TableHeader() {
         "& > *": { flexShrink: 0 },
 
         "& > .end-spacer": {
-          width: `env(safe-area-inset-right)`,
+          width: (theme) =>
+            `max(env(safe-area-inset-right), ${theme.spacing(2)})`,
           height: "100%",
           ml: 0,
         },