From d29e273faf550e00bc2a2a38f7eb52a5143c3e5e Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Mon, 10 Jul 2023 16:30:53 -0600
Subject: [PATCH] Fix experiment header section

---
 src/components/OutputsTable/index.tsx | 1 +
 src/pages/experiments/[id].tsx        | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/OutputsTable/index.tsx b/src/components/OutputsTable/index.tsx
index 2fd49eb..4451ba3 100644
--- a/src/components/OutputsTable/index.tsx
+++ b/src/components/OutputsTable/index.tsx
@@ -85,6 +85,7 @@ export default function OutputsTable({ experimentId }: { experimentId: string |
         padding={0}
         // Have to use `style` instead of emotion style props to work around css specificity issues conflicting with the "> *" selector on Grid
         style={{ borderRightWidth: 0, borderBottomWidth: 0 }}
+        h={8}
         sx={stickyHeaderStyle}
       >
         <NewVariantButton />
diff --git a/src/pages/experiments/[id].tsx b/src/pages/experiments/[id].tsx
index 0a2197a..0fa4847 100644
--- a/src/pages/experiments/[id].tsx
+++ b/src/pages/experiments/[id].tsx
@@ -128,8 +128,9 @@ export default function Experiment() {
         <Flex
           px={4}
           py={2}
-          direction={{ base: "column", md: "row" }}
-          alignItems={{ base: "flex-start", md: "center" }}
+          w="full"
+          direction={{ base: "column", sm: "row" }}
+          alignItems="flex-start"
         >
           <Breadcrumb flex={1}>
             <BreadcrumbItem>