diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
index 3dff79d6f..bb8af6a2c 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
@@ -362,7 +362,8 @@ const VersionHistory = ({
             placeholder="Select Polygon Version"
             options={polygonVersionData ?? []}
             optionVariant="text-12-light"
-            titleClassname="one-line-text !w-[96%] !text-nowrap"
+            titleClassname="one-line-text !w-full !text-nowrap"
+            titleContainerClassName="!w-[calc(100%-25px)] !text-nowrap"
             defaultValue={[selectPolygonVersion?.uuid ?? selectedPolygon?.uuid] as string[]}
             onChange={e => {
               const polygonVersionData = (data as SitePolygonsDataResponse)?.find(item => item.uuid === e[0]);
diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
index 9117e6456..3b5bd4d46 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
+++ b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
@@ -26,7 +26,6 @@ import LinearProgressBarMonitored from "@/components/elements/ProgressBar/Linear
 import Table from "@/components/elements/Table/Table";
 import { VARIANT_TABLE_SITE_POLYGON_REVIEW } from "@/components/elements/Table/TableVariants";
 import Text from "@/components/elements/Text/Text";
-import ToolTip from "@/components/elements/Tooltip/Tooltip";
 import Icon from "@/components/extensive/Icon/Icon";
 import { IconNames } from "@/components/extensive/Icon/Icon";
 import ModalAdd from "@/components/extensive/Modal/ModalAdd";
@@ -629,9 +628,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-40 lg:w-48">
                     <Text variant="text-14" className="flex items-center gap-1 text-darkCustom">
                       Site Status
-                      <ToolTip title={""} content={"Site Status"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <Text variant="text-14-bold" className="leading-[normal] text-black">
                       {record?.readable_status}
@@ -640,9 +636,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="w-full">
                     <Text variant="text-14" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Polygon Overview
-                      <ToolTip title={""} content={"Polygon Overview"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <If condition={sitePolygonData.length < total}>
                       <Then>
@@ -660,9 +653,6 @@ const PolygonReviewTab: FC<IProps> = props => {
                   <div className="mb-2">
                     <Text variant="text-16-bold" className="mb-2 flex items-center gap-1 text-darkCustom">
                       Add or Edit Polygons
-                      <ToolTip title={""} content={"Add or Edit Polygons"} width="" trigger="click">
-                        <Icon name={IconNames.IC_INFO} className="h-3.5 w-3.5 text-darkCustom" />
-                      </ToolTip>
                     </Text>
                     <Text variant="text-14-light" className="text-darkCustom">
                       Add, remove or edit polygons that are associated to a site. Polygons may be edited in the map
@@ -742,7 +732,7 @@ const PolygonReviewTab: FC<IProps> = props => {
                     pagination: { pageSize: 10000000 }
                   }}
                   columns={[
-                    { header: "Polygon Name", accessorKey: "polygon-name" },
+                    { header: "Polygon Name", accessorKey: "polygon-name", meta: { style: { width: "14.63%" } } },
                     {
                       header: "Restoration Practice",
                       accessorKey: "restoration-practice",
@@ -751,15 +741,28 @@ const PolygonReviewTab: FC<IProps> = props => {
                         return (
                           <input
                             placeholder={placeholder}
-                            className="w-[118px] px-[10px] outline-primary placeholder:text-[currentColor]"
+                            className="text-14 w-full px-[10px] outline-primary placeholder:text-[currentColor]"
                           />
                         );
-                      }
+                      },
+                      meta: { style: { width: "17.63%" } }
                     },
-                    { header: "Target Land Use System", accessorKey: "target-land-use-system" },
-                    { header: "Tree Distribution", accessorKey: "tree-distribution" },
-                    { header: "Planting Start Date", accessorKey: "planting-start-date" },
-                    { header: "Source", accessorKey: "source" },
+                    {
+                      header: "Target Land Use System",
+                      accessorKey: "target-land-use-system",
+                      meta: { style: { width: "20.63%" } }
+                    },
+                    {
+                      header: "Tree Distribution",
+                      accessorKey: "tree-distribution",
+                      meta: { style: { width: "15.63%" } }
+                    },
+                    {
+                      header: "Planting Start Date",
+                      accessorKey: "planting-start-date",
+                      meta: { style: { width: "17.63%" } }
+                    },
+                    { header: "Source", accessorKey: "source", meta: { style: { width: "10.63%" } } },
                     {
                       header: "",
                       accessorKey: "ellipse",
diff --git a/src/components/elements/Inputs/Dropdown/Dropdown.tsx b/src/components/elements/Inputs/Dropdown/Dropdown.tsx
index b6815374e..dff695d13 100644
--- a/src/components/elements/Inputs/Dropdown/Dropdown.tsx
+++ b/src/components/elements/Inputs/Dropdown/Dropdown.tsx
@@ -60,6 +60,7 @@ export interface DropdownProps {
   onInternalError?: (error: ErrorOption) => void;
   showSelectAll?: boolean;
   titleClassname?: string;
+  titleContainerClassName?: string;
 }
 const otherKey = "other#value#key";
 const getAllowedValues = (values: OptionValue[], options: Option[]) =>
@@ -206,7 +207,13 @@ const Dropdown = (props: PropsWithChildren<DropdownProps>) => {
               )}
             >
               <When condition={!!props.prefix}>{props.prefix}</When>
-              <div className={tw("flex items-center gap-2", variant.titleContainerClassName)}>
+              <div
+                className={tw(
+                  "flex items-center gap-2",
+                  variant.titleContainerClassName,
+                  props.titleContainerClassName
+                )}
+              >
                 <Text
                   variant={props.inputVariant ?? "text-14-light"}
                   className={tw("w-full", variant.titleClassname, props.titleClassname)}
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/NonScientificConfirmationModal.tsx b/src/components/elements/Inputs/TreeSpeciesInput/NonScientificConfirmationModal.tsx
new file mode 100644
index 000000000..b25b5ad9a
--- /dev/null
+++ b/src/components/elements/Inputs/TreeSpeciesInput/NonScientificConfirmationModal.tsx
@@ -0,0 +1,36 @@
+import { useT } from "@transifex/react";
+
+import Button from "@/components/elements/Button/Button";
+import TreeSpeciesModal from "@/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesModal";
+import { ModalId } from "@/components/extensive/Modal/ModalConst";
+import { useModalContext } from "@/context/modal.provider";
+
+const NonScientificConfirmationModal = ({ onConfirm }: { onConfirm: () => void }) => {
+  const t = useT();
+  const { closeModal } = useModalContext();
+
+  return (
+    <TreeSpeciesModal
+      title={t("Your input is a not a scientific name")}
+      content={t("You can add this species, but it will be pending review from Admin.")}
+      buttons={
+        <>
+          <Button variant="secondary" onClick={() => closeModal(ModalId.ERROR_MODAL)}>
+            {t("CANCEL")}
+          </Button>
+          <Button
+            variant="primary"
+            onClick={() => {
+              closeModal(ModalId.ERROR_MODAL);
+              onConfirm();
+            }}
+          >
+            {t("CONFIRM")}
+          </Button>
+        </>
+      }
+    />
+  );
+};
+
+export default NonScientificConfirmationModal;
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/RHFTreeSpeciesInput.tsx b/src/components/elements/Inputs/TreeSpeciesInput/RHFTreeSpeciesInput.tsx
index 3bec5353a..2c48a4959 100644
--- a/src/components/elements/Inputs/TreeSpeciesInput/RHFTreeSpeciesInput.tsx
+++ b/src/components/elements/Inputs/TreeSpeciesInput/RHFTreeSpeciesInput.tsx
@@ -28,7 +28,7 @@ const RHFTreeSpeciesInput = (props: PropsWithChildren<RHFTreeSpeciesInputProps>)
   return (
     <TreeSpeciesInput
       {...props}
-      title={t("Tree Species")}
+      title={t("Species")}
       buttonCaptionSuffix={t("Species")}
       withPreviousCounts={true}
       useTaxonomicBackbone={true}
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/SpeciesAlreadyExistsModal.tsx b/src/components/elements/Inputs/TreeSpeciesInput/SpeciesAlreadyExistsModal.tsx
new file mode 100644
index 000000000..a9036af1e
--- /dev/null
+++ b/src/components/elements/Inputs/TreeSpeciesInput/SpeciesAlreadyExistsModal.tsx
@@ -0,0 +1,27 @@
+import { useT } from "@transifex/react";
+
+import Button from "@/components/elements/Button/Button";
+import TreeSpeciesModal from "@/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesModal";
+import { ModalId } from "@/components/extensive/Modal/ModalConst";
+import { useModalContext } from "@/context/modal.provider";
+
+const SpeciesAlreadyExistsModal = ({ speciesName }: { speciesName: string }) => {
+  const { closeModal } = useModalContext();
+  const t = useT();
+
+  return (
+    <TreeSpeciesModal
+      title={t("Species {name} already included", { name: speciesName })}
+      content={t("Please find species below to enter reported value.")}
+      buttons={
+        <>
+          <Button variant="secondary" onClick={() => closeModal(ModalId.ERROR_MODAL)}>
+            {t("CONTINUE")}
+          </Button>
+        </>
+      }
+    />
+  );
+};
+
+export default SpeciesAlreadyExistsModal;
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
index 8677e0eba..e3dacffc0 100644
--- a/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
+++ b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
@@ -6,6 +6,8 @@ import { FieldError, FieldErrors } from "react-hook-form";
 import { Else, If, Then, When } from "react-if";
 import { v4 as uuidv4 } from "uuid";
 
+import NonScientificConfirmationModal from "@/components/elements/Inputs/TreeSpeciesInput/NonScientificConfirmationModal";
+import SpeciesAlreadyExistsModal from "@/components/elements/Inputs/TreeSpeciesInput/SpeciesAlreadyExistsModal";
 import { useAutocompleteSearch } from "@/components/elements/Inputs/TreeSpeciesInput/useAutocompleteSearch";
 import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import List from "@/components/extensive/List/List";
@@ -28,6 +30,7 @@ import InputWrapper, { InputWrapperProps } from "../InputElements/InputWrapper";
 
 export interface TreeSpeciesInputProps extends Omit<InputWrapperProps, "error"> {
   title: string;
+  label?: string;
   buttonCaptionSuffix: string;
   withNumbers?: boolean;
   withPreviousCounts: boolean;
@@ -43,45 +46,6 @@ export interface TreeSpeciesInputProps extends Omit<InputWrapperProps, "error">
 
 export type TreeSpeciesValue = { uuid?: string; name?: string; taxon_id?: string; amount?: number };
 
-const NonScientificConfirmationModal = ({ onConfirm }: { onConfirm: () => void }) => {
-  const t = useT();
-  const { closeModal } = useModalContext();
-
-  return (
-    <div className="margin-4 z-50 m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white">
-      <div className="flex w-full items-center justify-center gap-1 border-b-2 border-neutral-100 py-1">
-        <Icon name={IconNames.EXCLAMATION_CIRCLE_FILL} className="min-h-4 min-w-4 mb-1 h-4 w-4 text-tertiary-600" />
-        <Text variant="text-16-semibold" className="mb-1 text-blueCustom-700">
-          {t("Your input is a not a scientific name")}
-        </Text>
-      </div>
-      <div className="w-full p-4">
-        <div className="w-full rounded-lg border border-dashed bg-neutral-250 p-2">
-          <div className="flex items-center gap-1">
-            <Text variant="text-14-light" className="text-blueCustom-700">
-              {t("You can add this species, but it will be pending review from Admin.")}
-            </Text>
-          </div>
-        </div>
-        <div className="mt-4 flex w-full justify-end gap-3">
-          <Button variant="secondary" onClick={() => closeModal(ModalId.ERROR_MODAL)}>
-            {t("CANCEL")}
-          </Button>
-          <Button
-            variant="primary"
-            onClick={() => {
-              closeModal(ModalId.ERROR_MODAL);
-              onConfirm();
-            }}
-          >
-            {t("CONFIRM")}
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
 const TreeSpeciesInput = (props: TreeSpeciesInputProps) => {
   const id = useId();
   const t = useT();
@@ -183,8 +147,11 @@ const TreeSpeciesInput = (props: TreeSpeciesInputProps) => {
       lastInputRef.current?.focus();
     };
 
-    if (!isEmpty(searchResult) && taxonId == null) {
-      // In this case the use had valid values to choose from, but decided to add a value that isn't
+    if (value.find(({ name }) => name === valueAutoComplete) != null) {
+      openModal(ModalId.ERROR_MODAL, <SpeciesAlreadyExistsModal speciesName={valueAutoComplete} />);
+      setValueAutoComplete("");
+    } else if (!isEmpty(searchResult) && taxonId == null) {
+      // In this case the user had valid values to choose from, but decided to add a value that isn't
       // on the list, so they haven't been shown the warning yet.
       openModal(ModalId.ERROR_MODAL, <NonScientificConfirmationModal onConfirm={doAdd} />);
     } else {
@@ -225,7 +192,7 @@ const TreeSpeciesInput = (props: TreeSpeciesInputProps) => {
   return (
     <InputWrapper
       inputId={id}
-      label={"ADD TREE SPECIES"}
+      label={props.label ?? t("ADD TREE SPECIES")}
       description={props.description}
       containerClassName={props.containerClassName}
       required={props.required}
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesModal.tsx b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesModal.tsx
new file mode 100644
index 000000000..11076cdf1
--- /dev/null
+++ b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesModal.tsx
@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
+
+type TreeSpeciesModalProps = {
+  title: string;
+  content: string;
+  buttons: ReactNode;
+};
+
+const TreeSpeciesModal = ({ title, content, buttons }: TreeSpeciesModalProps) => (
+  <div className="margin-4 z-50 m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white">
+    <div className="flex w-full items-center justify-center gap-1 border-b-2 border-neutral-100 py-1">
+      <Icon name={IconNames.EXCLAMATION_CIRCLE_FILL} className="min-h-4 min-w-4 mb-1 h-4 w-4 text-tertiary-600" />
+      <Text variant="text-16-semibold" className="mb-1 text-blueCustom-700">
+        {title}
+      </Text>
+    </div>
+    <div className="w-full p-4">
+      <div className="w-full rounded-lg border border-dashed bg-neutral-250 p-2">
+        <div className="flex items-center gap-1">
+          <Text variant="text-14-light" className="text-blueCustom-700">
+            {content}
+          </Text>
+        </div>
+      </div>
+      <div className="mt-4 flex w-full justify-end gap-3">{buttons}</div>
+    </div>
+  </div>
+);
+
+export default TreeSpeciesModal;
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot b/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
index 9810e81fc..bd502d0a0 100644
--- a/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
+++ b/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
@@ -9,7 +9,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput Default 1`] = `
     data-testid="txt"
     htmlFor=":r23:"
   >
-    ADD TREE SPECIES *
+    Tree Species Grown *
   </label>
   <p
     className="text-body-400 with-inner-html"
@@ -229,7 +229,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput With Number 1`]
     data-testid="txt"
     htmlFor=":r28:"
   >
-    ADD TREE SPECIES *
+    Tree Species Grown *
   </label>
   <p
     className="text-body-400 with-inner-html"
diff --git a/src/components/elements/Table/Table.tsx b/src/components/elements/Table/Table.tsx
index 97bbe9287..78becf5e2 100644
--- a/src/components/elements/Table/Table.tsx
+++ b/src/components/elements/Table/Table.tsx
@@ -14,7 +14,7 @@ import {
 import { useT } from "@transifex/react";
 import classNames from "classnames";
 import Lottie from "lottie-react";
-import { DetailedHTMLProps, PropsWithChildren, TableHTMLAttributes, useEffect, useMemo, useState } from "react";
+import { DetailedHTMLProps, PropsWithChildren, TableHTMLAttributes, useEffect, useMemo, useRef, useState } from "react";
 import { Else, If, Then, When } from "react-if";
 import { twMerge as tw } from "tailwind-merge";
 
@@ -95,6 +95,9 @@ function Table<TData extends RowData>({
   const [sorting, setSorting] = useState<SortingState>(initialTableState?.sorting ?? []);
   const [filters, setFilters] = useState<FilterValue[]>([]);
 
+  const spanRefs = useRef<HTMLSpanElement[]>([]);
+  const iconRefs = useRef<HTMLSpanElement[]>([]);
+
   const {
     getHeaderGroups,
     getRowModel,
@@ -183,7 +186,7 @@ function Table<TData extends RowData>({
                           }
                         >
                           <div
-                            className="flex items-center"
+                            className="inline w-full max-w-full"
                             style={{
                               fontSize: "inherit",
                               fontWeight: "inherit",
@@ -191,22 +194,52 @@ function Table<TData extends RowData>({
                               fontFamily: "inherit"
                             }}
                           >
-                            {flexRender(header.column.columnDef.header, header.getContext())}
-                            <When condition={header.column.getCanSort()}>
-                              <Icon
-                                name={
-                                  { asc: IconNames.SORT_UP, desc: IconNames.SORT_DOWN }[
-                                    header.column.getIsSorted() as string
-                                  ] ?? IconNames.SORT
-                                }
-                                className={classNames(
-                                  "ml-2 inline h-4 w-3.5 min-w-[14px] fill-neutral-900 lg:min-w-[16px]",
-                                  variant.iconSort
-                                )}
-                                width={11}
-                                height={14}
-                              />
-                            </When>
+                            <div
+                              className="font-inherit relative w-full max-w-full"
+                              style={{
+                                paddingRight: `${iconRefs.current[header.index]?.getBoundingClientRect().width}px`
+                              }}
+                            >
+                              <span
+                                className="font-inherit "
+                                ref={el => {
+                                  if (
+                                    el &&
+                                    !spanRefs.current.includes(el) &&
+                                    flexRender(header.column.columnDef.header, header.getContext())
+                                  ) {
+                                    spanRefs.current.push(el);
+                                  }
+                                }}
+                              >
+                                {flexRender(header.column.columnDef.header, header.getContext())}
+                              </span>
+                              <When condition={header.column.getCanSort()}>
+                                <span
+                                  ref={el => {
+                                    if (el && !iconRefs.current.includes(el)) {
+                                      iconRefs.current.push(el);
+                                    }
+                                  }}
+                                  className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                                  style={{ left: `${spanRefs.current[header.index]?.getBoundingClientRect().width}px` }}
+                                >
+                                  <Icon
+                                    name={
+                                      { asc: IconNames.SORT_UP, desc: IconNames.SORT_DOWN }[
+                                        header.column.getIsSorted() as string
+                                      ] ?? IconNames.SORT
+                                    }
+                                    className={classNames(
+                                      "ml-2 inline h-4 w-3.5 min-w-[14px] fill-neutral-900 lg:min-w-[16px]",
+                                      variant.iconSort
+                                    )}
+                                    width={11}
+                                    height={14}
+                                  />
+                                </span>
+                              </When>
+                            </div>
                           </div>
                         </th>
                       );
diff --git a/src/components/elements/Table/TableVariants.ts b/src/components/elements/Table/TableVariants.ts
index fd80fb984..a444c5694 100644
--- a/src/components/elements/Table/TableVariants.ts
+++ b/src/components/elements/Table/TableVariants.ts
@@ -97,9 +97,9 @@ export const VARIANT_TABLE_SITE_POLYGON_REVIEW = {
   table: "border-collapse",
   name: "border-airtable",
   tableWrapper: "border border-neutral-200 rounded-lg overflow-hidden",
-  trHeader: "bg-neutral-150",
+  trHeader: "bg-neutral-150 sticky top-0 z-auto",
   thHeader:
-    "first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0",
+    "first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto",
   tBody: "",
   trBody: "bg-white border-y border-neutral-200 last:border-b-0",
   tdBody: "text-14-light px-2 py-3 first:pl-4 first:pr-2 last:pl-2 last:pr-4 ",
diff --git a/src/components/elements/Table/__snapshots__/Table.stories.storyshot b/src/components/elements/Table/__snapshots__/Table.stories.storyshot
index 4049211ad..ebac4acaa 100644
--- a/src/components/elements/Table/__snapshots__/Table.stories.storyshot
+++ b/src/components/elements/Table/__snapshots__/Table.stories.storyshot
@@ -124,7 +124,7 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -134,7 +134,20 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -149,7 +162,7 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -159,15 +172,37 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -182,7 +217,7 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -192,15 +227,37 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -215,7 +272,7 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -225,7 +282,20 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -240,7 +310,7 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -249,7 +319,20 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -987,7 +1070,7 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -997,7 +1080,20 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1012,7 +1108,7 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1022,15 +1118,37 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1045,7 +1163,7 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1055,15 +1173,37 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1078,7 +1218,7 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1088,7 +1228,20 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1103,7 +1256,7 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1112,7 +1265,20 @@ exports[`Storyshots Components/Elements/Table Primary 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -1850,7 +2016,7 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1860,7 +2026,20 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1875,7 +2054,7 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1885,15 +2064,37 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1908,7 +2109,7 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1918,15 +2119,37 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1941,7 +2164,7 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1951,7 +2174,20 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -1966,7 +2202,7 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -1975,7 +2211,20 @@ exports[`Storyshots Components/Elements/Table Secundary White 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -2713,7 +2962,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -2723,7 +2972,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -2738,7 +3000,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -2748,15 +3010,37 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -2771,7 +3055,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -2781,15 +3065,37 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -2804,7 +3110,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -2814,7 +3120,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -2829,7 +3148,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -2838,7 +3157,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -3579,7 +3911,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -3589,7 +3921,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                     }
                   }
                 >
-                  Funding type
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding type
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -3604,7 +3949,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -3614,15 +3959,37 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                     }
                   }
                 >
-                  Funding source
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding source
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -3637,7 +4004,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -3647,15 +4014,37 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                     }
                   }
                 >
-                  Funding amount
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding amount
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -3670,7 +4059,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -3680,7 +4069,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                     }
                   }
                 >
-                  Status
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Status
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -3695,7 +4097,7 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -3704,7 +4106,20 @@ exports[`Storyshots Components/Elements/Table Table Airtable Dashboard 1`] = `
                       "fontWeight": "inherit",
                     }
                   }
-                />
+                >
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    />
+                  </div>
+                </div>
               </th>
             </tr>
           </thead>
@@ -4443,7 +4858,7 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -4453,7 +4868,20 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -4468,7 +4896,7 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -4478,15 +4906,37 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -4501,7 +4951,7 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -4511,15 +4961,37 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -4534,7 +5006,7 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -4544,7 +5016,20 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -4559,7 +5044,7 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -4568,7 +5053,20 @@ exports[`Storyshots Components/Elements/Table Table Border 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -5306,7 +5804,7 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -5316,7 +5814,20 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -5331,7 +5842,7 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -5341,15 +5852,37 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -5364,7 +5897,7 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -5374,15 +5907,37 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -5397,7 +5952,7 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -5407,7 +5962,20 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
@@ -5422,7 +5990,7 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -5431,7 +5999,20 @@ exports[`Storyshots Components/Elements/Table Table Border All 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -6172,7 +6753,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -6182,7 +6763,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                     }
                   }
                 >
-                  Funding type
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding type
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -6197,7 +6791,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -6207,15 +6801,37 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                     }
                   }
                 >
-                  Funding source
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding source
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -6230,7 +6846,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -6240,15 +6856,37 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                     }
                   }
                 >
-                  Funding amount
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding amount
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -6263,7 +6901,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -6273,7 +6911,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                     }
                   }
                 >
-                  Status
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Status
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -6288,7 +6939,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -6297,7 +6948,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries 1`] = `
                       "fontWeight": "inherit",
                     }
                   }
-                />
+                >
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    />
+                  </div>
+                </div>
               </th>
             </tr>
           </thead>
@@ -7039,7 +7703,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7049,7 +7713,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                     }
                   }
                 >
-                  Funding type
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding type
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7064,7 +7741,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7074,15 +7751,37 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                     }
                   }
                 >
-                  Funding source
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding source
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7097,7 +7796,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7107,15 +7806,37 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                     }
                   }
                 >
-                  Funding amount
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding amount
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7130,7 +7851,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7140,7 +7861,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                     }
                   }
                 >
-                  Status
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Status
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7155,7 +7889,7 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7164,7 +7898,20 @@ exports[`Storyshots Components/Elements/Table Table Dashboard Countries Modal 1`
                       "fontWeight": "inherit",
                     }
                   }
-                />
+                >
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    />
+                  </div>
+                </div>
               </th>
             </tr>
           </thead>
@@ -7906,7 +8653,7 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7916,7 +8663,20 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                     }
                   }
                 >
-                  Funding type
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding type
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7931,7 +8691,7 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7941,15 +8701,37 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                     }
                   }
                 >
-                  Funding source
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding source
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7964,7 +8746,7 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -7974,15 +8756,37 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                     }
                   }
                 >
-                  Funding amount
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding amount
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -7997,7 +8801,7 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -8007,7 +8811,20 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                     }
                   }
                 >
-                  Status
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Status
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -8022,7 +8839,7 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -8031,7 +8848,20 @@ exports[`Storyshots Components/Elements/Table Table Organization 1`] = `
                       "fontWeight": "inherit",
                     }
                   }
-                />
+                >
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    />
+                  </div>
+                </div>
               </th>
             </tr>
           </thead>
@@ -8756,11 +9586,11 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
           className="bg-blueCustom-100"
         >
           <tr
-            className="bg-neutral-150"
+            className="bg-neutral-150 sticky top-0 z-auto"
           >
             <th
               align="left"
-              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0"
+              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto"
               colSpan={1}
               onClick={[Function]}
               style={
@@ -8770,7 +9600,7 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -8780,12 +9610,25 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
                   }
                 }
               >
-                Funding type
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding type
+                  </span>
+                </div>
               </div>
             </th>
             <th
               align="left"
-              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 cursor-pointer"
+              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto cursor-pointer"
               colSpan={1}
               onClick={[Function]}
               style={
@@ -8795,7 +9638,7 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -8805,20 +9648,42 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
                   }
                 }
               >
-                Funding source
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding source
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
               align="left"
-              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 cursor-pointer"
+              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto cursor-pointer"
               colSpan={1}
               onClick={[Function]}
               style={
@@ -8828,7 +9693,7 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -8838,20 +9703,42 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
                   }
                 }
               >
-                Funding amount
                 <div
+                  className="font-inherit relative w-full max-w-full"
                   style={
                     Object {
-                      "height": 14,
-                      "width": 11,
+                      "paddingRight": "undefinedpx",
                     }
                   }
-                />
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Funding amount
+                  </span>
+                  <span
+                    className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                    style={
+                      Object {
+                        "left": "undefinedpx",
+                      }
+                    }
+                  >
+                    <div
+                      style={
+                        Object {
+                          "height": 14,
+                          "width": 11,
+                        }
+                      }
+                    />
+                  </span>
+                </div>
               </div>
             </th>
             <th
               align="left"
-              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0"
+              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto"
               colSpan={1}
               onClick={[Function]}
               style={
@@ -8861,7 +9748,7 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -8871,12 +9758,25 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
                   }
                 }
               >
-                Status
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  >
+                    Status
+                  </span>
+                </div>
               </div>
             </th>
             <th
               align="left"
-              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0"
+              className="py-4 first:pl-4 first:pr-2 last:pl-2 last:pr-4 border-y border-neutral-200 text-14-semibold whitespace-normal px-2 border-t-0 sticky top-0 z-auto"
               colSpan={1}
               onClick={[Function]}
               style={
@@ -8886,7 +9786,7 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
               }
             >
               <div
-                className="flex items-center"
+                className="inline w-full max-w-full"
                 style={
                   Object {
                     "color": "currentColor",
@@ -8895,7 +9795,20 @@ exports[`Storyshots Components/Elements/Table Table Site Polygon 1`] = `
                     "fontWeight": "inherit",
                   }
                 }
-              />
+              >
+                <div
+                  className="font-inherit relative w-full max-w-full"
+                  style={
+                    Object {
+                      "paddingRight": "undefinedpx",
+                    }
+                  }
+                >
+                  <span
+                    className="font-inherit "
+                  />
+                </div>
+              </div>
             </th>
           </tr>
         </thead>
@@ -9636,7 +10549,7 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -9646,7 +10559,20 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                     }
                   }
                 >
-                  Funding type
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding type
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -9661,7 +10587,7 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -9671,15 +10597,37 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                     }
                   }
                 >
-                  Funding source
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding source
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -9694,7 +10642,7 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -9704,15 +10652,37 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                     }
                   }
                 >
-                  Funding amount
                   <div
+                    className="font-inherit relative w-full max-w-full"
                     style={
                       Object {
-                        "height": 14,
-                        "width": 11,
+                        "paddingRight": "undefinedpx",
                       }
                     }
-                  />
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Funding amount
+                    </span>
+                    <span
+                      className="absolute left-[calc(100%+10px)] top-1/2 z-auto -translate-y-1/2 transform"
+                      style={
+                        Object {
+                          "left": "undefinedpx",
+                        }
+                      }
+                    >
+                      <div
+                        style={
+                          Object {
+                            "height": 14,
+                            "width": 11,
+                          }
+                        }
+                      />
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -9727,7 +10697,7 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -9737,7 +10707,20 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                     }
                   }
                 >
-                  Status
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    >
+                      Status
+                    </span>
+                  </div>
                 </div>
               </th>
               <th
@@ -9752,7 +10735,7 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                 }
               >
                 <div
-                  className="flex items-center"
+                  className="inline w-full max-w-full"
                   style={
                     Object {
                       "color": "currentColor",
@@ -9761,7 +10744,20 @@ exports[`Storyshots Components/Elements/Table Table Version 1`] = `
                       "fontWeight": "inherit",
                     }
                   }
-                />
+                >
+                  <div
+                    className="font-inherit relative w-full max-w-full"
+                    style={
+                      Object {
+                        "paddingRight": "undefinedpx",
+                      }
+                    }
+                  >
+                    <span
+                      className="font-inherit "
+                    />
+                  </div>
+                </div>
               </th>
             </tr>
           </thead>
diff --git a/src/components/extensive/WizardForm/FormHeader.tsx b/src/components/extensive/WizardForm/FormHeader.tsx
index b479cb014..2b9c61ae9 100644
--- a/src/components/extensive/WizardForm/FormHeader.tsx
+++ b/src/components/extensive/WizardForm/FormHeader.tsx
@@ -11,11 +11,15 @@ export interface WizardFormHeaderProps {
   errorMessage?: string;
   onClickSaveAndCloseButton?: () => void;
   title?: string;
+  subtitle?: string;
 }
 
 export const WizardFormHeader = (props: WizardFormHeaderProps) => {
   const t = useT();
 
+  const subtitle =
+    props.subtitle ?? t("Progress: {number} steps complete", { number: `${props.currentStep}/${props.numberOfSteps}` });
+
   return (
     <div className="sticky top-[74px] z-40 flex border-neutral-150 bg-treesHeaderWithOverlay bg-cover bg-no-repeat px-10 py-3 md:py-8">
       <div className="mx-auto flex w-full min-w-0 max-w-[82vw] items-center gap-8">
@@ -27,9 +31,9 @@ export const WizardFormHeader = (props: WizardFormHeaderProps) => {
           )}
           <div className="flex">
             <Text variant="text-14-light" className="overflow-hidden text-ellipsis whitespace-nowrap">
-              <T _str="Progress: {number} steps complete" number={`${props.currentStep}/${props.numberOfSteps}`} />
+              {subtitle}
             </Text>
-            <Text variant="text-14-light">
+            <Text variant="text-14-light" className="pl-1">
               <Switch>
                 <Case condition={!props.formStatus}>{t("Unsaved")}</Case>
                 <Case condition={props.formStatus === "saving"}>{t("Saving…")}</Case>
diff --git a/src/components/extensive/WizardForm/index.tsx b/src/components/extensive/WizardForm/index.tsx
index 4cea6fcb1..aeb1452c7 100644
--- a/src/components/extensive/WizardForm/index.tsx
+++ b/src/components/extensive/WizardForm/index.tsx
@@ -32,6 +32,7 @@ export interface WizardFormProps {
 
   formStatus?: "saving" | "saved";
   title?: string;
+  subtitle?: string;
   errors?: ErrorWrapper<null>;
   summaryOptions?: FormSummaryOptions & {
     downloadButtonText?: string;
@@ -267,6 +268,7 @@ function WizardForm(props: WizardFormProps) {
           errorMessage={props.errors && t("Something went wrong")}
           onClickSaveAndCloseButton={!props.hideSaveAndCloseButton ? onClickSaveAndClose : undefined}
           title={props.title}
+          subtitle={props.subtitle}
         />
       </When>
       <div className={twMerge("mx-auto mt-0 max-w-[82vw] px-6 py-10 xl:px-0", props.className)}>
diff --git a/src/components/extensive/WizardForm/utils.ts b/src/components/extensive/WizardForm/utils.ts
index 13893a348..e7f21f0a0 100644
--- a/src/components/extensive/WizardForm/utils.ts
+++ b/src/components/extensive/WizardForm/utils.ts
@@ -44,7 +44,7 @@ export const getSchemaFields = (fields: FormField[]) => {
         }
       });
     } else {
-      schema[field.name] = field.validation?.nullable().label(field.label);
+      schema[field.name] = field.validation?.nullable().label(" ");
     }
 
     if (field.fieldProps.required) schema[field.name] = schema[field.name].required();
diff --git a/src/generated/apiFetcher.ts b/src/generated/apiFetcher.ts
index 9c489d679..0b08d922b 100644
--- a/src/generated/apiFetcher.ts
+++ b/src/generated/apiFetcher.ts
@@ -193,11 +193,11 @@ async function processDelayedJob<TData>(signal: AbortSignal | undefined, delayed
     jobResult = await loadJob(signal, delayedJobId)
   ) {
     //@ts-ignore
-    const { total_content, processed_content, progress_message } = jobResult.data?.attributes;
-    if (total_content != null) {
-      ApiSlice.addTotalContent(total_content);
-      ApiSlice.addProgressContent(processed_content);
-      ApiSlice.addProgressMessage(progress_message);
+    const { totalContent, processedContent, progressMessage } = jobResult.data?.attributes;
+    if (totalContent != null) {
+      ApiSlice.addTotalContent(totalContent);
+      ApiSlice.addProgressContent(processedContent);
+      ApiSlice.addProgressMessage(progressMessage);
     }
 
     if (signal?.aborted || ApiSlice.apiDataStore.abort_delayed_job) throw new Error("Aborted");
diff --git a/src/pages/entity/[entityName]/edit/[uuid]/EditEntityForm.tsx b/src/pages/entity/[entityName]/edit/[uuid]/EditEntityForm.tsx
index 8b7876904..c6832cb0d 100644
--- a/src/pages/entity/[entityName]/edit/[uuid]/EditEntityForm.tsx
+++ b/src/pages/entity/[entityName]/edit/[uuid]/EditEntityForm.tsx
@@ -64,7 +64,12 @@ const EditEntityForm = ({ entityName, entityUUID, entity, formData }: EditEntity
   );
 
   const reportingWindow = useReportingWindow(entity?.due_at);
-  const formTitle = `${formData.form?.title} ${isReport ? reportingWindow : ""}`;
+  const formTitle =
+    entityName === "site-reports"
+      ? t("{siteName} Site Report", { siteName: entity.site.name })
+      : `${formData.form?.title} ${isReport ? reportingWindow : ""}`;
+  const formSubtitle =
+    entityName === "site-reports" ? t("Reporting Period: {reportingWindow}", { reportingWindow }) : undefined;
 
   const saveAndCloseModalMapping: any = {
     projects: t(
@@ -117,6 +122,7 @@ const EditEntityForm = ({ entityName, entityUUID, entity, formData }: EditEntity
         submitButtonDisable={isSubmitting}
         defaultValues={defaultValues}
         title={formTitle}
+        subtitle={formSubtitle}
         tabOptions={{
           markDone: true,
           disableFutureTabs: true
diff --git a/src/styles/extended-utilities.css b/src/styles/extended-utilities.css
index a1ff1c221..13ee9b42f 100644
--- a/src/styles/extended-utilities.css
+++ b/src/styles/extended-utilities.css
@@ -674,6 +674,7 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-wrap: nowrap;
 }
 
 .two-line-text{