From 29c44bbdb08ba1a8b4ce7e8aa82c4c986d1d3b69 Mon Sep 17 00:00:00 2001
From: Jackie Quach <jackiequach14@gmail.com>
Date: Mon, 2 Oct 2023 16:03:46 -0400
Subject: [PATCH] fix test failures

---
 src/components/Hero/Hero.tsx                  |  3 +-
 .../Hero/__snapshots__/Hero.test.tsx.snap     | 42 +++----------------
 2 files changed, 8 insertions(+), 37 deletions(-)

diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
index 9e91808501..1f375da9a0 100644
--- a/src/components/Hero/Hero.tsx
+++ b/src/components/Hero/Hero.tsx
@@ -165,8 +165,8 @@ export const Hero = chakra(
 
       if (!heroSecondaryTypes.includes(heroType)) {
         contentBoxStyling = {
-          ...(backgroundColor && { backgroundColor }),
           ...(foregroundColor && { color: foregroundColor }),
+          ...(backgroundColor && { backgroundColor }),
         };
       } else if (
         foregroundColor ||
@@ -230,6 +230,7 @@ export const Hero = chakra(
         >
           <Box
             data-testid="hero-content"
+            style={contentBoxStyling}
             __css={{ ...styles.content, ...contentBoxStyling }}
           >
             {childrenToRender}
diff --git a/src/components/Hero/__snapshots__/Hero.test.tsx.snap b/src/components/Hero/__snapshots__/Hero.test.tsx.snap
index ac629c630c..15445ca814 100644
--- a/src/components/Hero/__snapshots__/Hero.test.tsx.snap
+++ b/src/components/Hero/__snapshots__/Hero.test.tsx.snap
@@ -14,12 +14,7 @@ exports[`Hero Renders the UI snapshot correctly 1`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <h1
       className="chakra-heading css-eyyo6e"
@@ -240,12 +235,7 @@ exports[`Hero Renders the UI snapshot correctly 7`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <h1
       className="chakra-heading css-eyyo6e"
@@ -274,12 +264,7 @@ exports[`Hero Renders the UI snapshot correctly 8`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <div
       className="css-1gt4hjv"
@@ -318,12 +303,7 @@ exports[`Hero Renders the UI snapshot correctly 9`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <div
       className="css-1gt4hjv"
@@ -361,12 +341,7 @@ exports[`Hero Renders the UI snapshot correctly 10`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <h1
       className="chakra-heading css-eyyo6e"
@@ -397,12 +372,7 @@ exports[`Hero Renders the UI snapshot correctly 11`] = `
   <div
     className="css-0"
     data-testid="hero-content"
-    style={
-      {
-        "backgroundColor": undefined,
-        "color": undefined,
-      }
-    }
+    style={{}}
   >
     <h1
       className="chakra-heading css-eyyo6e"