diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
new file mode 100644
index 000000000..194b0c659
--- /dev/null
+++ b/.github/workflows/pull-request.yml
@@ -0,0 +1,16 @@
+name: pull-request
+on:
+  pull_request:
+    branches: [main, staging, release/**]
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+      - name: Install modules
+        run: yarn
+      - name: Test
+        run: yarn run jest --ci
diff --git a/.jest/setEnvVars.js b/.jest/setEnvVars.js
index f148eb1be..8d2b37bde 100644
--- a/.jest/setEnvVars.js
+++ b/.jest/setEnvVars.js
@@ -1,2 +1,2 @@
 process.env.NODE_ENV = "test";
-process.env.NEXT_PUBLIC_API_BASE_URL = "https://test.wrirestorationmarketplace.cubeapis.com";
+process.env.NEXT_PUBLIC_API_BASE_URL = "https://new-wri-staging.wri-restoration-marketplace-api.com";
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 000000000..603606bc9
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+18.17.0
diff --git a/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot b/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot
index d64d5ab9f..5ea8b0618 100644
--- a/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot
+++ b/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot
@@ -41,7 +41,7 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
         Location:
       </p>
       <p
-        className="text-light-caption-200"
+        className="max-h-10 overflow-hidden text-light-caption-200"
         data-testid="txt"
       >
         London, United Kingdom
@@ -54,10 +54,10 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
       The funding application is designed for restoration projects in Africa. This application provides an opportunity for project developers to seek financial support for their restoration initiatives across the African continent.
     </p>
     <div
-      className="mt-8 flex gap-3"
+      className="mt-4 flex flex-col gap-3 sm:flex-row"
     >
       <a
-        className="flex-1 bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+        className="w-full flex-1 bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
         disabled={false}
         href="#"
         onClick={[Function]}
@@ -80,7 +80,7 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
         </span>
       </a>
       <a
-        className="flex-1 bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+        className="w-full flex-1 bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
         disabled={false}
         href="#"
         onClick={[Function]}
diff --git a/src/components/elements/ImageGallery/__snapshots__/ImageGallery.stories.storyshot b/src/components/elements/ImageGallery/__snapshots__/ImageGallery.stories.storyshot
index 5f71ff116..38fa4a4b6 100644
--- a/src/components/elements/ImageGallery/__snapshots__/ImageGallery.stories.storyshot
+++ b/src/components/elements/ImageGallery/__snapshots__/ImageGallery.stories.storyshot
@@ -31,6 +31,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           >
             Show All
           </p>
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 20,
+              }
+            }
+          />
         </div>
       </div>
     </div>
@@ -69,6 +77,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           <div
             className="flex justify-between p-3"
           >
+            <div
+              style={
+                Object {
+                  "height": 32,
+                  "width": 32,
+                }
+              }
+            />
             <div
               className="ml-auto flex items-center"
             >
@@ -79,11 +95,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -144,11 +178,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -209,11 +261,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -264,6 +334,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           <div
             className="flex justify-between p-3"
           >
+            <div
+              style={
+                Object {
+                  "height": 32,
+                  "width": 32,
+                }
+              }
+            />
             <div
               className="ml-auto flex items-center"
             >
@@ -274,11 +352,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -339,11 +435,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -394,6 +508,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           <div
             className="flex justify-between p-3"
           >
+            <div
+              style={
+                Object {
+                  "height": 32,
+                  "width": 32,
+                }
+              }
+            />
             <div
               className="ml-auto flex items-center"
             >
@@ -404,11 +526,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -469,11 +609,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -534,11 +692,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -589,6 +765,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           <div
             className="flex justify-between p-3"
           >
+            <div
+              style={
+                Object {
+                  "height": 32,
+                  "width": 32,
+                }
+              }
+            />
             <div
               className="ml-auto flex items-center"
             >
@@ -599,11 +783,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -654,6 +856,14 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           <div
             className="flex justify-between p-3"
           >
+            <div
+              style={
+                Object {
+                  "height": 32,
+                  "width": 32,
+                }
+              }
+            />
             <div
               className="ml-auto flex items-center"
             >
@@ -664,11 +874,29 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
                 onMouseEnter={[Function]}
                 onTouchStart={[Function]}
                 target="_blank"
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </a>
               <button
                 className="flex items-center justify-center rounded-full hover:bg-opacity-60 z-10"
                 onClick={[Function]}
-              />
+              >
+                <div
+                  style={
+                    Object {
+                      "height": 32,
+                      "width": 32,
+                    }
+                  }
+                />
+              </button>
             </div>
           </div>
         </div>
@@ -723,7 +951,16 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
           </div>
           <div
             className="flex h-full flex-1 items-center justify-center rounded-r-lg bg-primary-200"
-          />
+          >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 20,
+                }
+              }
+            />
+          </div>
         </div>
         <p
           className="text-bold-subtitle-500"
@@ -746,7 +983,16 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
         className="flex items-center justify-center rounded-full hover:bg-opacity-60"
         disabled={true}
         onClick={[Function]}
-      />
+      >
+        <div
+          style={
+            Object {
+              "height": undefined,
+              "width": 20,
+            }
+          }
+        />
+      </button>
       <p
         className="text-neutral-1000 underline text-bold-subtitle-500"
         data-testid="txt"
@@ -769,7 +1015,16 @@ exports[`Storyshots Components/Elements/ImageGallery Default 1`] = `
         className="flex items-center justify-center rounded-full hover:bg-opacity-60"
         disabled={false}
         onClick={[Function]}
-      />
+      >
+        <div
+          style={
+            Object {
+              "height": undefined,
+              "width": 20,
+            }
+          }
+        />
+      </button>
     </div>
   </div>
 </div>
diff --git a/src/components/elements/Inputs/BooleanInput/__snapshots__/BooleanInput.stories.storyshot b/src/components/elements/Inputs/BooleanInput/__snapshots__/BooleanInput.stories.storyshot
index 7cfac736f..dfc1cdbb4 100644
--- a/src/components/elements/Inputs/BooleanInput/__snapshots__/BooleanInput.stories.storyshot
+++ b/src/components/elements/Inputs/BooleanInput/__snapshots__/BooleanInput.stories.storyshot
@@ -53,6 +53,7 @@ exports[`Storyshots Components/Elements/Inputs/BooleanInput Default 1`] = `
             className="flex flex-row-reverse items-center justify-end gap-3 "
             id=":re:"
             label="Yes"
+            onChange={[Function]}
             type="radio"
           />
         </label>
@@ -86,6 +87,7 @@ exports[`Storyshots Components/Elements/Inputs/BooleanInput Default 1`] = `
             className="flex flex-row-reverse items-center justify-end gap-3 "
             id=":rg:"
             label="No"
+            onChange={[Function]}
             type="radio"
           />
         </label>
diff --git a/src/components/elements/Inputs/ConditionalInput/ConditionalInput.stories.tsx b/src/components/elements/Inputs/ConditionalInput/ConditionalInput.stories.tsx
index 1e9d57f16..c5e99b25d 100644
--- a/src/components/elements/Inputs/ConditionalInput/ConditionalInput.stories.tsx
+++ b/src/components/elements/Inputs/ConditionalInput/ConditionalInput.stories.tsx
@@ -16,7 +16,8 @@ type Story = StoryObj<typeof Component>;
 export const Default: Story = {
   render: args => {
     const formHook = useForm();
-    return <Component {...args} control={formHook.control} formHook={formHook} />;
+    const onChangeCapture = () => {};
+    return <Component {...args} control={formHook.control} formHook={formHook} onChangeCapture={onChangeCapture} />;
   },
   args: {
     name: "conditional-field",
diff --git a/src/components/elements/Inputs/ConditionalInput/__snapshots__/ConditionalInput.stories.storyshot b/src/components/elements/Inputs/ConditionalInput/__snapshots__/ConditionalInput.stories.storyshot
index b8b201302..aa443fce1 100644
--- a/src/components/elements/Inputs/ConditionalInput/__snapshots__/ConditionalInput.stories.storyshot
+++ b/src/components/elements/Inputs/ConditionalInput/__snapshots__/ConditionalInput.stories.storyshot
@@ -54,6 +54,7 @@ Array [
               className="flex flex-row-reverse items-center justify-end gap-3 "
               id=":rl:"
               label="Yes"
+              onChange={[Function]}
               type="radio"
             />
           </label>
@@ -87,6 +88,7 @@ Array [
               className="flex flex-row-reverse items-center justify-end gap-3 "
               id=":rn:"
               label="No"
+              onChange={[Function]}
               type="radio"
             />
           </label>
diff --git a/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot b/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot
index 7afb98a12..48ed83dc6 100644
--- a/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot
+++ b/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot
@@ -42,6 +42,14 @@ exports[`Storyshots Components/Elements/Inputs/Dropdown Multi Select 1`] = `
       >
         placeholder
       </span>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 16,
+          }
+        }
+      />
     </div>
   </div>
 </div>
@@ -89,6 +97,14 @@ exports[`Storyshots Components/Elements/Inputs/Dropdown Multi Select With Other
       >
         placeholder
       </span>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 16,
+          }
+        }
+      />
     </div>
   </div>
 </div>
@@ -136,6 +152,14 @@ exports[`Storyshots Components/Elements/Inputs/Dropdown Single Select 1`] = `
       >
         placeholder
       </span>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 16,
+          }
+        }
+      />
     </div>
   </div>
 </div>
@@ -183,6 +207,14 @@ exports[`Storyshots Components/Elements/Inputs/Dropdown Single Select With Other
       >
         placeholder
       </span>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 16,
+          }
+        }
+      />
     </div>
   </div>
 </div>
diff --git a/src/components/elements/Inputs/InputElements/InputLabel.tsx b/src/components/elements/Inputs/InputElements/InputLabel.tsx
index 38e934669..3550727b8 100644
--- a/src/components/elements/Inputs/InputElements/InputLabel.tsx
+++ b/src/components/elements/Inputs/InputElements/InputLabel.tsx
@@ -1,6 +1,6 @@
 import { useT } from "@transifex/react";
 import classNames from "classnames";
-import { HTMLProps } from "react";
+import { forwardRef, HTMLProps, RefObject } from "react";
 import { When } from "react-if";
 
 import StatusPill from "@/components/elements/StatusPill/StatusPill";
@@ -12,7 +12,7 @@ export interface InputLabelProps extends HTMLProps<HTMLLabelElement> {
   feedbackRequired?: boolean;
 }
 
-const InputLabel = (props: InputLabelProps) => {
+export default forwardRef(function InputLabel(props: InputLabelProps, ref) {
   const t = useT();
   const { feedbackRequired, required, children, className, ...labelProps } = props;
 
@@ -20,6 +20,7 @@ const InputLabel = (props: InputLabelProps) => {
     <When condition={!!props.children}>
       <Text<HTMLLabelElement>
         {...labelProps}
+        ref={ref as RefObject<HTMLLabelElement>}
         as="label"
         variant="text-bold-body-300"
         className={classNames("mr-2 inline uppercase", className)}
@@ -34,6 +35,4 @@ const InputLabel = (props: InputLabelProps) => {
       </When>
     </When>
   );
-};
-
-export default InputLabel;
+});
diff --git a/src/components/elements/Inputs/LanguageDropdown/__snapshots__/LanguagesDropdown.stories.storyshot b/src/components/elements/Inputs/LanguageDropdown/__snapshots__/LanguagesDropdown.stories.storyshot
index 62b79263b..aaa73a5c6 100644
--- a/src/components/elements/Inputs/LanguageDropdown/__snapshots__/LanguagesDropdown.stories.storyshot
+++ b/src/components/elements/Inputs/LanguageDropdown/__snapshots__/LanguagesDropdown.stories.storyshot
@@ -19,11 +19,27 @@ exports[`Storyshots Components/Elements/Inputs/LanguagesDropdown Default 1`] = `
       onMouseDown={[Function]}
       type="button"
     >
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 16,
+          }
+        }
+      />
       <span
         className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
       >
         English
       </span>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 8,
+          }
+        }
+      />
     </button>
   </div>
 </div>
diff --git a/src/components/elements/Inputs/RadioGroup/__snapshots__/RadioGroup.stories.storyshot b/src/components/elements/Inputs/RadioGroup/__snapshots__/RadioGroup.stories.storyshot
index fb42745a4..11a8a76e6 100644
--- a/src/components/elements/Inputs/RadioGroup/__snapshots__/RadioGroup.stories.storyshot
+++ b/src/components/elements/Inputs/RadioGroup/__snapshots__/RadioGroup.stories.storyshot
@@ -44,6 +44,7 @@ exports[`Storyshots Components/Elements/Inputs/RadioGroup Default 1`] = `
             className="flex flex-row-reverse items-center justify-end gap-3 "
             id=":r1g:"
             label="Yes"
+            onChange={[Function]}
             type="radio"
           />
         </label>
@@ -77,6 +78,7 @@ exports[`Storyshots Components/Elements/Inputs/RadioGroup Default 1`] = `
             className="flex flex-row-reverse items-center justify-end gap-3 "
             id=":r1i:"
             label="No"
+            onChange={[Function]}
             type="radio"
           />
         </label>
diff --git a/src/components/elements/LandingPage/__snapshots__/AlternatingSection.stories.storyshot b/src/components/elements/LandingPage/__snapshots__/AlternatingSection.stories.storyshot
index d505d787e..6aabb122e 100644
--- a/src/components/elements/LandingPage/__snapshots__/AlternatingSection.stories.storyshot
+++ b/src/components/elements/LandingPage/__snapshots__/AlternatingSection.stories.storyshot
@@ -44,7 +44,7 @@ exports[`Storyshots Components/Elements/LandingPage/AlternatingSection Left 1`]
     className="flex justify-center bg-background md:w-[50%]"
   >
     <div
-      className="relative h-[278px] w-full md:h-[472px]"
+      className="relative h-[278px] w-full md:h-[510px]"
     >
       <img
         alt="image"
@@ -122,7 +122,7 @@ exports[`Storyshots Components/Elements/LandingPage/AlternatingSection Right 1`]
     className="flex justify-center bg-background md:w-[50%]"
   >
     <div
-      className="relative h-[278px] w-full md:h-[472px]"
+      className="relative h-[278px] w-full md:h-[510px]"
     >
       <img
         alt="image"
diff --git a/src/components/elements/SelectImageList/__snapshots__/SelectImageList.stories.storyshot b/src/components/elements/SelectImageList/__snapshots__/SelectImageList.stories.storyshot
index c5cb669b3..9ad872d18 100644
--- a/src/components/elements/SelectImageList/__snapshots__/SelectImageList.stories.storyshot
+++ b/src/components/elements/SelectImageList/__snapshots__/SelectImageList.stories.storyshot
@@ -12,7 +12,7 @@ exports[`Storyshots Components/Elements/SelectImageList Condensed 1`] = `
         className="aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/no_poverty@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/no_poverty@2x.png')",
           }
         }
       />
@@ -32,7 +32,7 @@ exports[`Storyshots Components/Elements/SelectImageList Condensed 1`] = `
         className="aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png')",
           }
         }
       />
@@ -52,7 +52,7 @@ exports[`Storyshots Components/Elements/SelectImageList Condensed 1`] = `
         className="aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/quality-education@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/quality-education@2x.png')",
           }
         }
       />
@@ -72,7 +72,7 @@ exports[`Storyshots Components/Elements/SelectImageList Condensed 1`] = `
         className="aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png')",
           }
         }
       />
@@ -92,7 +92,7 @@ exports[`Storyshots Components/Elements/SelectImageList Condensed 1`] = `
         className="aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/climate-action@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/climate-action@2x.png')",
           }
         }
       />
@@ -119,7 +119,7 @@ exports[`Storyshots Components/Elements/SelectImageList Default 1`] = `
         className="border-4 border-neutral-900 aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/no_poverty@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/no_poverty@2x.png')",
           }
         }
       />
@@ -139,7 +139,7 @@ exports[`Storyshots Components/Elements/SelectImageList Default 1`] = `
         className="border-4 border-neutral-900 aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png')",
           }
         }
       />
@@ -159,7 +159,7 @@ exports[`Storyshots Components/Elements/SelectImageList Default 1`] = `
         className="border-4 border-neutral-900 aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/quality-education@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/quality-education@2x.png')",
           }
         }
       />
@@ -179,7 +179,7 @@ exports[`Storyshots Components/Elements/SelectImageList Default 1`] = `
         className="border-4 border-neutral-900 aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png')",
           }
         }
       />
@@ -199,7 +199,7 @@ exports[`Storyshots Components/Elements/SelectImageList Default 1`] = `
         className="border-4 border-neutral-900 aspect-square h-[6.375rem] rounded-lg bg-cover bg-center transition-all duration-200"
         style={
           Object {
-            "backgroundImage": "url('https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/climate-action@2x.png')",
+            "backgroundImage": "url('https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/climate-action@2x.png')",
           }
         }
       />
diff --git a/src/components/elements/Table/__snapshots__/Table.stories.storyshot b/src/components/elements/Table/__snapshots__/Table.stories.storyshot
index 1d2763868..e2ef42969 100644
--- a/src/components/elements/Table/__snapshots__/Table.stories.storyshot
+++ b/src/components/elements/Table/__snapshots__/Table.stories.storyshot
@@ -13,6 +13,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
       <div
         className="w-64 relative"
       >
+        <div
+          style={
+            Object {
+              "height": undefined,
+              "width": 20,
+            }
+          }
+        />
         <input
           className="placeholder:text-light-subtitle-400 text-light-subtitle-400 h-8 w-full rounded-lg border border-neutral-100 pl-8 text-neutral-1000 placeholder:text-neutral-1000"
           onChange={[Function]}
@@ -57,6 +65,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
               >
                 Show All
               </p>
+              <div
+                style={
+                  Object {
+                    "height": undefined,
+                    "width": 20,
+                  }
+                }
+              />
             </div>
           </div>
         </div>
@@ -94,6 +110,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           onClick={[Function]}
         >
           Funding source
+          <div
+            style={
+              Object {
+                "height": 14,
+                "width": 11,
+              }
+            }
+          />
         </th>
         <th
           align="left"
@@ -102,6 +126,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           onClick={[Function]}
         >
           Funding amount
+          <div
+            style={
+              Object {
+                "height": 14,
+                "width": 11,
+              }
+            }
+          />
         </th>
         <th
           align="left"
@@ -150,6 +182,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-error-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -201,6 +241,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-primary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -252,6 +300,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-tertiary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -303,6 +359,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-error-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -354,6 +418,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-neutral-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -405,6 +477,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-secondary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -456,6 +536,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-error-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -507,6 +595,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-primary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -558,6 +654,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-tertiary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -609,6 +713,14 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           <div
             className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-secondary-200 w-fit"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 24,
+                }
+              }
+            />
             <p
               className="text-bold-caption-100"
               data-testid="txt"
@@ -668,7 +780,16 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
           </div>
           <div
             className="flex h-full flex-1 items-center justify-center rounded-r-lg bg-primary-200"
-          />
+          >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 20,
+                }
+              }
+            />
+          </div>
         </div>
         <p
           className="text-bold-subtitle-500"
@@ -692,7 +813,16 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
         className="flex items-center justify-center rounded-full hover:bg-opacity-60"
         disabled={true}
         onClick={[Function]}
-      />
+      >
+        <div
+          style={
+            Object {
+              "height": undefined,
+              "width": 20,
+            }
+          }
+        />
+      </button>
       <p
         className="text-neutral-1000 underline text-bold-subtitle-500"
         data-testid="txt"
@@ -715,7 +845,16 @@ exports[`Storyshots Components/Elements/Table Default 1`] = `
         className="flex items-center justify-center rounded-full hover:bg-opacity-60"
         disabled={false}
         onClick={[Function]}
-      />
+      >
+        <div
+          style={
+            Object {
+              "height": undefined,
+              "width": 20,
+            }
+          }
+        />
+      </button>
     </div>
   </div>
 </div>
diff --git a/src/components/elements/Tabs/Default/TabButton.tsx b/src/components/elements/Tabs/Default/TabButton.tsx
index cdb96a69b..3980b1953 100644
--- a/src/components/elements/Tabs/Default/TabButton.tsx
+++ b/src/components/elements/Tabs/Default/TabButton.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { ButtonHTMLAttributes, DetailedHTMLProps } from "react";
+import { ButtonHTMLAttributes, DetailedHTMLProps, forwardRef } from "react";
 import { When } from "react-if";
 
 import Text from "@/components/elements/Text/Text";
@@ -16,40 +16,36 @@ export interface TabButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<H
   lastItem?: boolean;
 }
 
-export const TabButton = ({
-  index,
-  item,
-  lastItem,
-  selected,
-  className,
-  textVariant,
-  ...buttonProps
-}: TabButtonProps) => {
-  return (
-    <button
-      {...buttonProps}
-      role="option"
-      aria-selected={selected ? "true" : "false"}
-      aria-checked={item.done ? "true" : "false"}
-      className={classNames(
-        className,
-        `w-full items-center focus:outline-none disabled:text-neutral-900`,
-        "border",
-        item.done && "peer",
-        lastItem || selected ? "border-b" : "border-b-0",
-        selected
-          ? "border-neutral-100 border-r-white bg-white text-neutral-1000 peer-aria-checked:shadow-t-secondary"
-          : item.done
-          ? `border-secondary-500 bg-secondary-300 text-neutral-800  `
-          : `border-neutral-100 bg-neutral-300 text-neutral-900`
-      )}
-    >
-      <Text variant={textVariant} className="w-full text-left line-clamp-2 md:pr-6" containHtml>
-        {item.title}
-      </Text>
-      <When condition={item.done}>
-        <Icon className="fill-primary-500" name={IconNames.TICK_RECT} width={20} />
-      </When>
-    </button>
-  );
-};
+export const TabButton = forwardRef(
+  ({ index, item, lastItem, selected, className, textVariant, ...buttonProps }: TabButtonProps, ref) => {
+    // @ts-ignore
+    buttonProps["ref"] = ref;
+    return (
+      <button
+        {...buttonProps}
+        role="option"
+        aria-selected={selected ? "true" : "false"}
+        aria-checked={item.done ? "true" : "false"}
+        className={classNames(
+          className,
+          `w-full items-center focus:outline-none disabled:text-neutral-900`,
+          "border",
+          item.done && "peer",
+          lastItem || selected ? "border-b" : "border-b-0",
+          selected
+            ? "border-neutral-100 border-r-white bg-white text-neutral-1000 peer-aria-checked:shadow-t-secondary"
+            : item.done
+            ? `border-secondary-500 bg-secondary-300 text-neutral-800  `
+            : `border-neutral-100 bg-neutral-300 text-neutral-900`
+        )}
+      >
+        <Text variant={textVariant} className="w-full text-left line-clamp-2 md:pr-6" containHtml>
+          {item.title}
+        </Text>
+        <When condition={item.done}>
+          <Icon className="fill-primary-500" name={IconNames.TICK_RECT} width={20} />
+        </When>
+      </button>
+    );
+  }
+);
diff --git a/src/components/elements/Text/Text.tsx b/src/components/elements/Text/Text.tsx
index 1d36ee0f7..0baac7c40 100644
--- a/src/components/elements/Text/Text.tsx
+++ b/src/components/elements/Text/Text.tsx
@@ -1,6 +1,6 @@
 import cn from "classnames";
 import _ from "lodash";
-import { HTMLProps, ReactNode } from "react";
+import { ForwardedRef, forwardRef, HTMLProps, LegacyRef, ReactElement, ReactNode } from "react";
 
 import { TextVariants } from "@/types/common";
 
@@ -13,7 +13,7 @@ export type TextProps<T = HTMLParagraphElement> = HTMLProps<T> & {
   capitalize?: boolean;
 };
 
-function Text<T>(props: TextProps<T>): JSX.Element {
+function Text<T>(props: TextProps<T>, ref: ForwardedRef<T>): JSX.Element {
   const { as: As, className, children, variant, capitalize, containHtml, ...rest } = props;
 
   const Component = As || "p";
@@ -23,6 +23,7 @@ function Text<T>(props: TextProps<T>): JSX.Element {
     return (
       <Component
         {...rest}
+        ref={ref}
         data-testid="txt"
         className={cn(className, variant, { "with-inner-html": containHtml }, { capitalize })}
         dangerouslySetInnerHTML={{ __html }}
@@ -30,10 +31,10 @@ function Text<T>(props: TextProps<T>): JSX.Element {
     );
   } else
     return (
-      <Component {...rest} data-testid="txt" className={cn(className, variant, { capitalize })}>
+      <Component {...rest} ref={ref} data-testid="txt" className={cn(className, variant, { capitalize })}>
         {typeof children === "string" ? _.unescape(children) : children}
       </Component>
     );
 }
 
-export default Text;
+export default forwardRef(Text) as <T>(p: TextProps<T> & { ref?: LegacyRef<T> }) => ReactElement;
diff --git a/src/components/extensive/ActionTracker/cards/__snapshots__/ApplicationsCard.stories.storyshot b/src/components/extensive/ActionTracker/cards/__snapshots__/ApplicationsCard.stories.storyshot
index 786fab0dc..024613e50 100644
--- a/src/components/extensive/ActionTracker/cards/__snapshots__/ApplicationsCard.stories.storyshot
+++ b/src/components/extensive/ActionTracker/cards/__snapshots__/ApplicationsCard.stories.storyshot
@@ -258,24 +258,6 @@ exports[`Storyshots Components/Extensive/ActionTracker/ApplicationsCard Default
             >
               TerraFund for AFR100: Landscapes - Expression of Interest (Enterprises)
             </p>
-            <div
-              className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-error-200"
-            >
-              <div
-                style={
-                  Object {
-                    "height": undefined,
-                    "width": 24,
-                  }
-                }
-              />
-              <p
-                className="pt-0.5 text-bold-caption-100"
-                data-testid="txt"
-              >
-                Rejected
-              </p>
-            </div>
           </div>
           <p
             className="text-body-300 with-inner-html"
@@ -328,6 +310,24 @@ exports[`Storyshots Components/Extensive/ActionTracker/ApplicationsCard Default
             >
               TerraFund for AFR100: Landscapes - Expression of Interest (Enterprises)
             </p>
+            <div
+              className="flex items-center gap-1.5 whitespace-nowrap rounded-xl py-0.5 pr-3 pl-1.5 bg-tertiary-200"
+            >
+              <div
+                style={
+                  Object {
+                    "height": undefined,
+                    "width": 24,
+                  }
+                }
+              />
+              <p
+                className="pt-0.5 text-bold-caption-100"
+                data-testid="txt"
+              >
+                More info requested
+              </p>
+            </div>
           </div>
           <p
             className="text-body-300 with-inner-html"
@@ -395,7 +395,7 @@ exports[`Storyshots Components/Extensive/ActionTracker/ApplicationsCard Default
                 className="pt-0.5 text-bold-caption-100"
                 data-testid="txt"
               >
-                Awaiting Review
+                Awaiting approval
               </p>
             </div>
           </div>
diff --git a/src/components/extensive/List/List.tsx b/src/components/extensive/List/List.tsx
index 09bb7a9e7..3ccc82ef0 100644
--- a/src/components/extensive/List/List.tsx
+++ b/src/components/extensive/List/List.tsx
@@ -38,7 +38,7 @@ const List = <T extends Record<any, any>, U>({
     <ListComponent {...listComponentClassnames}>
       {startListElement ? <ItemComponent>{startListElement}</ItemComponent> : <></>}
       {items.map((item, i, array) => (
-        <Fragment key={uniqueId ? item[uniqueId] : i}>
+        <Fragment key={uniqueId ? `${item[uniqueId]}-${i}` : i}>
           <ItemComponent {...listItemComponentClassnames}>{render(item, i, array)}</ItemComponent>
           <When condition={i < items.length - 1}>{dividerComponent}</When>
         </Fragment>
diff --git a/src/components/extensive/Pagination/__snapshots__/PerPageSelector.stories.storyshot b/src/components/extensive/Pagination/__snapshots__/PerPageSelector.stories.storyshot
index fcfc894f3..efcc498c7 100644
--- a/src/components/extensive/Pagination/__snapshots__/PerPageSelector.stories.storyshot
+++ b/src/components/extensive/Pagination/__snapshots__/PerPageSelector.stories.storyshot
@@ -35,7 +35,16 @@ exports[`Storyshots Components/Elements/Table/PerPageSelector Default 1`] = `
         </div>
         <div
           className="flex h-full flex-1 items-center justify-center rounded-r-lg bg-primary-200"
-        />
+        >
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 20,
+              }
+            }
+          />
+        </div>
       </div>
       <p
         className="text-bold-subtitle-500"
diff --git a/src/components/extensive/WorkdayCollapseGrid/WorkdaySection.tsx b/src/components/extensive/WorkdayCollapseGrid/WorkdaySection.tsx
index 7a303c49b..db64af006 100644
--- a/src/components/extensive/WorkdayCollapseGrid/WorkdaySection.tsx
+++ b/src/components/extensive/WorkdayCollapseGrid/WorkdaySection.tsx
@@ -68,7 +68,7 @@ const WorkdaySection = ({ demographics, type, variant, onChange }: WorkdaySectio
       updatedDemographics.splice(index, 1);
       onChange(updatedDemographics);
     },
-    [demographics, onChange, type]
+    [demographics, onChange]
   );
 
   // Tailwind doesn't supply classes for high row counts, so we apply this prop ourselves.
diff --git a/src/components/extensive/WorkdayCollapseGrid/__snapshots__/WorkdayCollapseGrid.stories.storyshot b/src/components/extensive/WorkdayCollapseGrid/__snapshots__/WorkdayCollapseGrid.stories.storyshot
new file mode 100644
index 000000000..ea26ceea7
--- /dev/null
+++ b/src/components/extensive/WorkdayCollapseGrid/__snapshots__/WorkdayCollapseGrid.stories.storyshot
@@ -0,0 +1,187 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Components/Extensive/WorkdayCollapse Complete Green 1`] = `
+<div
+  className=" rounded-2xl"
+>
+  <div>
+    <button
+      className="flex w-full items-center justify-between p-4 rounded-t-2xl bg-customGreen-100 rounded-2xl"
+      onClick={[Function]}
+    >
+      <p
+        className="text-18-bold"
+        data-testid="txt"
+      >
+        A. Site Establishment Paid - 90 Days
+      </p>
+      <div
+        className="flex items-baseline gap-2"
+      >
+        <p
+          className="flex items-start gap-2 leading-normal text-customGreen-200 text-14-bold"
+          data-testid="txt"
+        >
+          Complete
+          <div
+            style={
+              Object {
+                "height": 16,
+                "width": 16,
+              }
+            }
+          />
+        </p>
+        <div
+          style={
+            Object {
+              "height": 9,
+              "width": 16,
+            }
+          }
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Components/Extensive/WorkdayCollapse Default 1`] = `
+<div
+  className=" rounded-2xl"
+>
+  <div>
+    <button
+      className="flex w-full items-center justify-between p-4 rounded bg-neutral-350 undefined"
+      onClick={[Function]}
+    >
+      <p
+        className="text-18-bold"
+        data-testid="txt"
+      >
+        A. Site Establishment Paid - 210 Days
+      </p>
+      <div
+        className="flex items-baseline gap-2"
+      >
+        <div
+          style={
+            Object {
+              "height": 9,
+              "width": 16,
+            }
+          }
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Components/Extensive/WorkdayCollapse In Progress Green 1`] = `
+<div
+  className="rounded-2xl"
+>
+  <div>
+    <button
+      className="flex w-full items-center justify-between p-4 rounded-t-2xl bg-customGreen-100 rounded-2xl"
+      onClick={[Function]}
+    >
+      <p
+        className="text-18-bold"
+        data-testid="txt"
+      >
+        A. Site Establishment Paid - 75 Days
+      </p>
+      <div
+        className="flex items-baseline gap-2"
+      >
+        <p
+          className="flex items-start gap-2 leading-normal text-tertiary-450 text-14-bold"
+          data-testid="txt"
+        >
+          In Progress
+        </p>
+        <div
+          style={
+            Object {
+              "height": 9,
+              "width": 16,
+            }
+          }
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Components/Extensive/WorkdayCollapse Not Started Green 1`] = `
+<div
+  className=" rounded-2xl"
+>
+  <div>
+    <button
+      className="flex w-full items-center justify-between p-4 rounded-t-2xl bg-customGreen-100 rounded-2xl"
+      onClick={[Function]}
+    >
+      <p
+        className="text-18-bold"
+        data-testid="txt"
+      >
+        A. Site Establishment Paid - 0 Days
+      </p>
+      <div
+        className="flex items-baseline gap-2"
+      >
+        <p
+          className="flex items-start gap-2 leading-normal text-neutral-550 text-14-bold"
+          data-testid="txt"
+        >
+          Not Started
+        </p>
+        <div
+          style={
+            Object {
+              "height": 9,
+              "width": 16,
+            }
+          }
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Components/Extensive/WorkdayCollapse Variant Narrow 1`] = `
+<div
+  className="w-1/2 rounded-2xl"
+>
+  <div>
+    <button
+      className="flex w-full items-center justify-between p-4 rounded bg-neutral-350 undefined"
+      onClick={[Function]}
+    >
+      <p
+        className="text-18-bold"
+        data-testid="txt"
+      >
+        A. Nursery Operations Volunteer - 220 Days
+      </p>
+      <div
+        className="flex items-baseline gap-2"
+      >
+        <div
+          style={
+            Object {
+              "height": 9,
+              "width": 16,
+            }
+          }
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
diff --git a/src/components/generic/Layout/__snapshots__/MainLayout.stories.storyshot b/src/components/generic/Layout/__snapshots__/MainLayout.stories.storyshot
index f6702a91d..e2244bb59 100644
--- a/src/components/generic/Layout/__snapshots__/MainLayout.stories.storyshot
+++ b/src/components/generic/Layout/__snapshots__/MainLayout.stories.storyshot
@@ -13,6 +13,14 @@ exports[`Storyshots Components/Generic/Layouts/MainLayout Default 1`] = `
       <section
         className="mx-auto w-full max-w-[1218px] flex h-[70px] items-center justify-between"
       >
+        <div
+          style={
+            Object {
+              "height": 30,
+              "width": 108,
+            }
+          }
+        />
         <div
           className="hidden items-center gap-8 lg:flex"
         >
@@ -34,11 +42,27 @@ exports[`Storyshots Components/Generic/Layouts/MainLayout Default 1`] = `
                 onMouseDown={[Function]}
                 type="button"
               >
+                <div
+                  style={
+                    Object {
+                      "height": undefined,
+                      "width": 16,
+                    }
+                  }
+                />
                 <span
                   className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
                 >
                   English
                 </span>
+                <div
+                  style={
+                    Object {
+                      "height": undefined,
+                      "width": 8,
+                    }
+                  }
+                />
               </button>
             </div>
           </div>
@@ -103,6 +127,14 @@ exports[`Storyshots Components/Generic/Layouts/MainLayout Default 1`] = `
               <div
                 className="flex items-center"
               >
+                <div
+                  style={
+                    Object {
+                      "height": undefined,
+                      "width": 16,
+                    }
+                  }
+                />
                 <span
                   className="whitespace-nowrap text-neutral-900 lg:text-body-300 text-heading-400"
                   data-testid="txt"
@@ -127,11 +159,27 @@ exports[`Storyshots Components/Generic/Layouts/MainLayout Default 1`] = `
               onMouseDown={[Function]}
               type="button"
             >
+              <div
+                style={
+                  Object {
+                    "height": undefined,
+                    "width": 16,
+                  }
+                }
+              />
               <span
                 className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
               >
                 English
               </span>
+              <div
+                style={
+                  Object {
+                    "height": undefined,
+                    "width": 8,
+                  }
+                }
+              />
             </button>
           </div>
         </div>
@@ -139,7 +187,16 @@ exports[`Storyshots Components/Generic/Layouts/MainLayout Default 1`] = `
           className="flex items-center justify-center rounded-full hover:bg-opacity-60 tour-menu-button block lg:hidden"
           disabled={false}
           onClick={[Function]}
-        />
+        >
+          <div
+            style={
+              Object {
+                "height": 16,
+                "width": 28,
+              }
+            }
+          />
+        </button>
       </section>
     </header>
     <main
diff --git a/src/components/generic/Navbar/__snapshots__/Navbar.stories.storyshot b/src/components/generic/Navbar/__snapshots__/Navbar.stories.storyshot
index 7aaa14de4..b55e7b089 100644
--- a/src/components/generic/Navbar/__snapshots__/Navbar.stories.storyshot
+++ b/src/components/generic/Navbar/__snapshots__/Navbar.stories.storyshot
@@ -7,6 +7,14 @@ exports[`Storyshots Components/Generic/Navbar Logged In 1`] = `
   <section
     className="mx-auto w-full max-w-[1218px] flex h-[70px] items-center justify-between"
   >
+    <div
+      style={
+        Object {
+          "height": 30,
+          "width": 108,
+        }
+      }
+    />
     <div
       className="hidden items-center gap-8 lg:flex"
     >
@@ -28,11 +36,27 @@ exports[`Storyshots Components/Generic/Navbar Logged In 1`] = `
             onMouseDown={[Function]}
             type="button"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 16,
+                }
+              }
+            />
             <span
               className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
             >
               English
             </span>
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 8,
+                }
+              }
+            />
           </button>
         </div>
       </div>
@@ -74,6 +98,14 @@ exports[`Storyshots Components/Generic/Navbar Logged In 1`] = `
           <div
             className="flex items-center"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 16,
+                }
+              }
+            />
             <span
               className="whitespace-nowrap text-neutral-900 lg:text-body-300 text-heading-400"
               data-testid="txt"
@@ -98,11 +130,27 @@ exports[`Storyshots Components/Generic/Navbar Logged In 1`] = `
           onMouseDown={[Function]}
           type="button"
         >
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 16,
+              }
+            }
+          />
           <span
             className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
           >
             English
           </span>
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 8,
+              }
+            }
+          />
         </button>
       </div>
     </div>
@@ -110,7 +158,16 @@ exports[`Storyshots Components/Generic/Navbar Logged In 1`] = `
       className="flex items-center justify-center rounded-full hover:bg-opacity-60 tour-menu-button block lg:hidden"
       disabled={false}
       onClick={[Function]}
-    />
+    >
+      <div
+        style={
+          Object {
+            "height": 16,
+            "width": 28,
+          }
+        }
+      />
+    </button>
   </section>
 </header>
 `;
@@ -122,6 +179,14 @@ exports[`Storyshots Components/Generic/Navbar Logged Out 1`] = `
   <section
     className="mx-auto w-full max-w-[1218px] flex h-[70px] items-center justify-between"
   >
+    <div
+      style={
+        Object {
+          "height": 30,
+          "width": 108,
+        }
+      }
+    />
     <div
       className="hidden items-center gap-8 lg:flex"
     >
@@ -143,11 +208,27 @@ exports[`Storyshots Components/Generic/Navbar Logged Out 1`] = `
             onMouseDown={[Function]}
             type="button"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 16,
+                }
+              }
+            />
             <span
               className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
             >
               English
             </span>
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 8,
+                }
+              }
+            />
           </button>
         </div>
       </div>
@@ -212,6 +293,14 @@ exports[`Storyshots Components/Generic/Navbar Logged Out 1`] = `
           <div
             className="flex items-center"
           >
+            <div
+              style={
+                Object {
+                  "height": undefined,
+                  "width": 16,
+                }
+              }
+            />
             <span
               className="whitespace-nowrap text-neutral-900 lg:text-body-300 text-heading-400"
               data-testid="txt"
@@ -236,11 +325,27 @@ exports[`Storyshots Components/Generic/Navbar Logged Out 1`] = `
           onMouseDown={[Function]}
           type="button"
         >
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 16,
+              }
+            }
+          />
           <span
             className="mr-2 whitespace-nowrap text-sm uppercase text-neutral-900"
           >
             English
           </span>
+          <div
+            style={
+              Object {
+                "height": undefined,
+                "width": 8,
+              }
+            }
+          />
         </button>
       </div>
     </div>
@@ -248,7 +353,16 @@ exports[`Storyshots Components/Generic/Navbar Logged Out 1`] = `
       className="flex items-center justify-center rounded-full hover:bg-opacity-60 tour-menu-button block lg:hidden"
       disabled={false}
       onClick={[Function]}
-    />
+    >
+      <div
+        style={
+          Object {
+            "height": 16,
+            "width": 28,
+          }
+        }
+      />
+    </button>
   </section>
 </header>
 `;
diff --git a/src/constants/options/__snapshots__/landTenure.test.ts.snap b/src/constants/options/__snapshots__/landTenure.test.ts.snap
index 9b813c2d1..b55686087 100644
--- a/src/constants/options/__snapshots__/landTenure.test.ts.snap
+++ b/src/constants/options/__snapshots__/landTenure.test.ts.snap
@@ -4,42 +4,42 @@ exports[`snapShot test getLandTenureOptions 1`] = `
 [
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/public.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/public.png",
     },
     "title": "Public",
     "value": "public",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/private.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/private.png",
     },
     "title": "Private",
     "value": "private",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/indigenous.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/indigenous.png",
     },
     "title": "Indigenous",
     "value": "indigenous",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/communal.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/communal.png",
     },
     "title": "Communal",
     "value": "communal",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/national-protected-area.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/national-protected-area.png",
     },
     "title": "National Protected Area",
     "value": "national-protected-area",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/land-tenures/other.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/land-tenures/other.png",
     },
     "title": "Other",
     "value": "other",
diff --git a/src/constants/options/__snapshots__/restorationInterventionTypes.test.ts.snap b/src/constants/options/__snapshots__/restorationInterventionTypes.test.ts.snap
index e72ebdcc9..6fce06118 100644
--- a/src/constants/options/__snapshots__/restorationInterventionTypes.test.ts.snap
+++ b/src/constants/options/__snapshots__/restorationInterventionTypes.test.ts.snap
@@ -4,63 +4,63 @@ exports[`snapShot test getRestorationInterventionTypeOptions 1`] = `
 [
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/agroforestry@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/agroforestry@2x.png",
     },
     "title": "Agroforestry",
     "value": "agroforestry",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/applied_nucleation_tree_island@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/applied_nucleation_tree_island@2x.png",
     },
     "title": "Applied Nucleation",
     "value": "applied-nucleation",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/assisted_natural@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/assisted_natural@2x.png",
     },
     "title": "Assisted Natural Regeneration",
     "value": "assisted-natural-regeneration",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/direct_seeding@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/direct_seeding@2x.png",
     },
     "title": "Direct Seeding",
     "value": "direct-seeding",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/enrichment_planting@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/enrichment_planting@2x.png",
     },
     "title": "Enrichment Planting",
     "value": "enrichment-planting",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/mangrove@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/mangrove@2x.png",
     },
     "title": "Mangrove Restoration",
     "value": "mangrove-restoration",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/reforestation@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/reforestation@2x.png",
     },
     "title": "Reforestation",
     "value": "reforestation",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/riparian@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/riparian@2x.png",
     },
     "title": "Riparian Restoration",
     "value": "riparian-restoration",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/restoration-methods/silvopasture@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/restoration-methods/silvopasture@2x.png",
     },
     "title": "Silvopasture",
     "value": "silvopasture",
diff --git a/src/constants/options/__snapshots__/status.test.ts.snap b/src/constants/options/__snapshots__/status.test.ts.snap
index 47df3e24e..af9d78dc5 100644
--- a/src/constants/options/__snapshots__/status.test.ts.snap
+++ b/src/constants/options/__snapshots__/status.test.ts.snap
@@ -6,10 +6,6 @@ exports[`snapShot getStatusOptions 1`] = `
     "title": "Draft",
     "value": "started",
   },
-  {
-    "title": "Rejected",
-    "value": "rejected",
-  },
   {
     "title": "Approved",
     "value": "approved",
diff --git a/src/constants/options/__snapshots__/sustainableDevelopmentGoals.test.ts.snap b/src/constants/options/__snapshots__/sustainableDevelopmentGoals.test.ts.snap
index 73d313f82..4b737eee6 100644
--- a/src/constants/options/__snapshots__/sustainableDevelopmentGoals.test.ts.snap
+++ b/src/constants/options/__snapshots__/sustainableDevelopmentGoals.test.ts.snap
@@ -4,119 +4,119 @@ exports[`snapShot test sustainableDevelopmentGoalsOptions 1`] = `
 [
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/no_poverty@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/no_poverty@2x.png",
     },
     "title": "No Poverty",
     "value": "no-poverty",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/zero_hunger@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/zero_hunger@2x.png",
     },
     "title": "Zero Hunger",
     "value": "zero-hunger",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/good-health-and-well-being@2x.png",
     },
     "title": "Good Health and Well-being",
     "value": "good-health-and-well-being",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/quality-education@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/quality-education@2x.png",
     },
     "title": "Quality Education",
     "value": "quality-education",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/gender-equality@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/gender-equality@2x.png",
     },
     "title": "Gender Equality",
     "value": "gender-equality",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/clean-water-and-sanitation@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/clean-water-and-sanitation@2x.png",
     },
     "title": "Clean Water and Sanitation",
     "value": "clean-water-and-sanitation",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/affordable-and-clean-energy@2x.png",
     },
     "title": "Affordable and Clean Energy",
     "value": "affordable-and-clean-energy",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/decent-work-and-economic-growth@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/decent-work-and-economic-growth@2x.png",
     },
     "title": "Decent Work and Economic Growth",
     "value": "decent-work-and-economic-growth",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/industry-innovation-and-infrastructure@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/industry-innovation-and-infrastructure@2x.png",
     },
     "title": "Industry, Innovation, and Infrastructure",
     "value": "industry-innovation-and-infrastructure",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/reduced-inequalities@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/reduced-inequalities@2x.png",
     },
     "title": "Reduced Inequalities",
     "value": "reduced-inequalities",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/sustainable-cities-and-communities@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/sustainable-cities-and-communities@2x.png",
     },
     "title": "Sustainable Cities and Communities",
     "value": "sustainable-cities-and-communities",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/responsible-consumption-and-production@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/responsible-consumption-and-production@2x.png",
     },
     "title": "Responsible Consumption and Production",
     "value": "responsible-consumption-and-production",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/climate-action@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/climate-action@2x.png",
     },
     "title": "Climate Action",
     "value": "climate-action",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/life-below-water@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/life-below-water@2x.png",
     },
     "title": "Life Below Water",
     "value": "life-below-water",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/life-on-land@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/life-on-land@2x.png",
     },
     "title": "Life on Land",
     "value": "life-on-land",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/peace-justice-and-strong-institutions@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/peace-justice-and-strong-institutions@2x.png",
     },
     "title": "Peace, Justice, and Strong Institutions",
     "value": "peace-justice-and-strong-institutions",
   },
   {
     "meta": {
-      "image_url": "https://test.wrirestorationmarketplace.cubeapis.com/images/V2/sustainable-development-goals/partnerships-for-the-goals@2x.png",
+      "image_url": "https://new-wri-staging.wri-restoration-marketplace-api.com/images/V2/sustainable-development-goals/partnerships-for-the-goals@2x.png",
     },
     "title": "Partnerships for the Goals",
     "value": "partnerships-for-the-goals",
diff --git a/src/context/modal.provider.test.tsx b/src/context/modal.provider.test.tsx
index 95354fc2f..6ca8538a1 100644
--- a/src/context/modal.provider.test.tsx
+++ b/src/context/modal.provider.test.tsx
@@ -1,4 +1,5 @@
 import { renderHook } from "@testing-library/react";
+import { act } from "react-dom/test-utils";
 
 import { wait } from "@/utils/test-utils";
 
@@ -12,7 +13,7 @@ describe("Modal context provider", () => {
       wrapper: props => <ModalProvider>{props.children}</ModalProvider>
     });
 
-    result.current.openModal(Modal);
+    act(() => result.current.openModal(Modal));
     await wait(200);
 
     expect(result.current.modalOpen).toEqual(true);
@@ -24,10 +25,10 @@ describe("Modal context provider", () => {
       wrapper: props => <ModalProvider>{props.children}</ModalProvider>
     });
 
-    result.current.openModal(Modal);
+    act(() => result.current.openModal(Modal));
     await wait(200);
 
-    result.current.closeModal();
+    act(() => result.current.closeModal());
     await wait(200);
 
     expect(result.current.modalOpen).toEqual(false);
@@ -38,7 +39,7 @@ describe("Modal context provider", () => {
       wrapper: props => <ModalProvider>{props.children}</ModalProvider>
     });
 
-    result.current.setModalContent(Modal);
+    act(() => result.current.setModalContent(Modal));
     await wait(200);
 
     expect(result.current.modalContent).toEqual(Modal);
diff --git a/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot b/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot
index 5d9041557..b0167205e 100644
--- a/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot
+++ b/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot
@@ -237,6 +237,14 @@ exports[`Storyshots Components/Extensive/Form/Wizard With Get Form Step Hook 1`]
                     <span
                       className="w-full line-clamp-1"
                     />
+                    <div
+                      style={
+                        Object {
+                          "height": undefined,
+                          "width": 16,
+                        }
+                      }
+                    />
                   </div>
                 </div>
               </li>
@@ -279,6 +287,14 @@ exports[`Storyshots Components/Extensive/Form/Wizard With Get Form Step Hook 1`]
                     <span
                       className="w-full line-clamp-1"
                     />
+                    <div
+                      style={
+                        Object {
+                          "height": undefined,
+                          "width": 16,
+                        }
+                      }
+                    />
                   </div>
                 </div>
               </li>
@@ -385,6 +401,14 @@ exports[`Storyshots Components/Extensive/Form/Wizard With Get Form Step Hook 1`]
                     <span
                       className="w-full line-clamp-1"
                     />
+                    <div
+                      style={
+                        Object {
+                          "height": undefined,
+                          "width": 16,
+                        }
+                      }
+                    />
                   </div>
                 </div>
               </li>
@@ -789,16 +813,25 @@ exports[`Storyshots Components/Extensive/Form/Wizard With Get Form Step Hook 1`]
                       <div
                         className="bg-primary-100 flex h-15 w-15 items-center justify-center rounded-lg bg-cover bg-no-repeat"
                         style={Object {}}
-                      />
+                      >
+                        <div
+                          style={
+                            Object {
+                              "height": 32,
+                              "width": 24,
+                            }
+                          }
+                        />
+                      </div>
                       <div
                         className="flex-1"
                       >
                         <p
                           className="mb-1 line-clamp-1 text-bold-subtitle-400"
                           data-testid="txt"
-                          title="Upload File (File format: PDF max. 5MB)"
+                          title="Upload File (File format: PDF max. 10MB)"
                         >
-                          Upload File (File format: PDF max. 5MB)
+                          Upload File (File format: PDF max. 10MB)
                         </p>
                         <p
                           className="line-clamp-1 text-light-body-300 with-inner-html"
diff --git a/src/hooks/useGetReportingWindow.test.ts b/src/hooks/useGetReportingWindow.test.ts
index 14386e83f..fc7bd1ebf 100644
--- a/src/hooks/useGetReportingWindow.test.ts
+++ b/src/hooks/useGetReportingWindow.test.ts
@@ -11,7 +11,7 @@ describe("Test useGetReportingWindow hook", () => {
       const { getReportingWindow } = useGetReportingWindow();
       return getReportingWindow(due_date, "bi-annually");
     });
-    expect(result.current).toBe("November - April 2023");
+    expect(result.current).toBe("October - March 2023");
   });
 
   test("Test `quarterly` window", () => {
@@ -20,6 +20,6 @@ describe("Test useGetReportingWindow hook", () => {
       const { getReportingWindow } = useGetReportingWindow();
       return getReportingWindow(due_date, "quarterly");
     });
-    expect(result.current).toBe("February - April 2023");
+    expect(result.current).toBe("January - March 2023");
   });
 });