From 307b3ec1960016acfd472f990f9db4925dc8620a Mon Sep 17 00:00:00 2001
From: Jake Laderman <jsladerman@gmail.com>
Date: Thu, 6 Jun 2024 08:05:29 -0400
Subject: [PATCH] feat: upgrade plan design improvement (#603)

---
 src/components/Flyover.tsx |  1 -
 src/components/Table.tsx   | 10 ++++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
index fbe669bb..f849033e 100644
--- a/src/components/Flyover.tsx
+++ b/src/components/Flyover.tsx
@@ -102,7 +102,6 @@ function FlyoverRef(
       width={width}
       minWidth={minWidth}
       alignSelf="flex-end"
-      BackdropProps={{ backgroundColor: 'transparent' }}
       InnerDefaultStyle={{
         opacity: 0,
         transform: 'translateX(0)',
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index b496ad99..b4abff64 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -72,6 +72,7 @@ export type TableProps = Omit<
   loose?: boolean
   stickyColumn?: boolean
   scrollTopMargin?: number
+  flush?: boolean
   virtualizeRows?: boolean
   lockColumnsOnScroll?: boolean
   reactVirtualOptions?: Partial<
@@ -534,6 +535,7 @@ function TableRef(
     loose = false,
     stickyColumn = false,
     scrollTopMargin = 500,
+    flush = false,
     width,
     virtualizeRows = false,
     lockColumnsOnScroll,
@@ -691,8 +693,12 @@ function TableRef(
     >
       <Div
         backgroundColor="fill-two"
-        border="1px solid border-fill-two"
-        borderRadius="large"
+        border={flush ? 'none' : '1px solid border-fill-two'}
+        borderRadius={
+          flush
+            ? `0 0 ${theme.borderRadiuses.large}px ${theme.borderRadiuses.large}px`
+            : 'large'
+        }
         overflow="auto"
         ref={tableContainerRef}
         onScroll={({ target }: { target: HTMLDivElement }) =>