From 0738eacb511e1b35af536d2b3b0f99c887749206 Mon Sep 17 00:00:00 2001
From: Stephen Haberman <shaberman@homebound.com>
Date: Mon, 3 Jun 2024 09:45:01 -0500
Subject: [PATCH] Swap flexNone.

---
 src/components/Table/components/Row.tsx   | 4 ++--
 src/components/internal/CompoundField.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Table/components/Row.tsx b/src/components/Table/components/Row.tsx
index 53ff37ffb..5bc3b098d 100644
--- a/src/components/Table/components/Row.tsx
+++ b/src/components/Table/components/Row.tsx
@@ -112,8 +112,8 @@ function RowImpl<R extends Kinded, S>(props: RowProps<R>): ReactElement {
         ":hover": { ...style.nonHeaderRowHoverCss },
       }),
     ...(levelIndent && Css.mlPx(levelIndent).$),
-    // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `flexNone` to ensure they stay their defined widths
-    ...(as === "table" ? {} : Css.relative.df.fg1.fs1.addIn("&>*", Css.flexNone.$).$),
+    // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `fn` to ensure they stay their defined widths
+    ...(as === "table" ? {} : Css.relative.df.fg1.fs1.addIn("&>*", Css.fn.$).$),
     // Apply `cursorPointer` to the row if it has a link or `onClick` value.
     ...((rowStyle?.rowLink || rowStyle?.onClick) && { "&:hover": Css.cursorPointer.$ }),
     ...maybeApplyFunction(row as any, rowStyle?.rowCss),
diff --git a/src/components/internal/CompoundField.tsx b/src/components/internal/CompoundField.tsx
index 97160bd67..238296b9a 100644
--- a/src/components/internal/CompoundField.tsx
+++ b/src/components/internal/CompoundField.tsx
@@ -29,7 +29,7 @@ export function CompoundField({ children }: { children: JSX.Element[] }) {
         })}
       </div>
       {/* Separation line */}
-      <div css={Css.wPx(1).flexNone.bgGray300.$} />
+      <div css={Css.wPx(1).fn.bgGray300.$} />
 
       <div
         css={{