Fix experiment header section

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 />

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>