diff --git a/src/components/NewsletterSignup/__snapshots__/NewsletterSignup.test.tsx.snap b/src/components/NewsletterSignup/__snapshots__/NewsletterSignup.test.tsx.snap
index 4d91c0984d..3e177b234b 100644
--- a/src/components/NewsletterSignup/__snapshots__/NewsletterSignup.test.tsx.snap
+++ b/src/components/NewsletterSignup/__snapshots__/NewsletterSignup.test.tsx.snap
@@ -8,17 +8,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -154,17 +154,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -300,17 +300,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -446,17 +446,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -592,17 +592,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -738,17 +738,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -884,17 +884,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1030,17 +1030,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1176,17 +1176,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1322,17 +1322,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1468,17 +1468,17 @@ exports[`NewsletterSignup Snapshots Renders each color for each newsletterSignup
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1614,17 +1614,17 @@ exports[`NewsletterSignup Snapshots Renders the bad email UI snapshot correctly
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1766,17 +1766,17 @@ exports[`NewsletterSignup Snapshots Renders the confirmation UI with confirmatio
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -1886,17 +1886,17 @@ exports[`NewsletterSignup Snapshots Renders the custom error state snapshot corr
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2009,17 +2009,17 @@ exports[`NewsletterSignup Snapshots Renders the default confirmation state snaps
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2129,17 +2129,17 @@ exports[`NewsletterSignup Snapshots Renders the default error state snapshot cor
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2244,17 +2244,17 @@ exports[`NewsletterSignup Snapshots Renders the default form UI snapshot correct
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2390,17 +2390,17 @@ exports[`NewsletterSignup Snapshots Renders the form UI with description snapsho
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Why not?
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2536,17 +2536,17 @@ exports[`NewsletterSignup Snapshots Renders the form UI with formHelperText snap
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"
@@ -2683,17 +2683,17 @@ exports[`NewsletterSignup Snapshots Renders the submitting state snapshot correc
     className="chakra-stack css-p38jk0"
   >
     <h3
-      className="chakra-heading css-a7hbl5"
+      className="chakra-heading css-1878n22"
     >
       Sign Up for Our Newsletter!
     </h3>
     <p
-      className="chakra-text css-1h5n132"
+      className="chakra-text css-1xdhyk6"
     >
       Stay connected with the latest research news from NYPL, including information about our events, programs, exhibitions, and collections.
     </p>
     <a
-      className="css-1h5n132"
+      className="css-1xdhyk6"
       href="https://www.nypl.org/help/about-nypl/legal-notices/privacy-policy"
       rel="nofollow noopener noreferrer"
       target="_blank"