From d0c0d3b270c724381bd836571d5edd8120dcdea4 Mon Sep 17 00:00:00 2001
From: Sohee Lim <limsohee1002@gmail.com>
Date: Fri, 15 Nov 2024 09:56:33 -0500
Subject: [PATCH] fix: style

---
 src/components/NewsletterForm/index.tsx | 5 +++--
 src/pages/index.tsx                     | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/NewsletterForm/index.tsx b/src/components/NewsletterForm/index.tsx
index bd3c37e92..b8abb64fd 100644
--- a/src/components/NewsletterForm/index.tsx
+++ b/src/components/NewsletterForm/index.tsx
@@ -28,7 +28,8 @@ const NewsletterForm: React.FC<NewsletterFormProps> = ({
     }
 
     try {
-      const response = await fetch('/api/subscribeEmail', {
+      // Replace '/some-api' with the actual API endpoint
+      const response = await fetch('/some-api', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -64,7 +65,7 @@ const NewsletterForm: React.FC<NewsletterFormProps> = ({
             />
             <Envlope className="absolute left-3 top-[50%] h-6 w-6 translate-y-[-50%]" color={globeColorClass} />
           </div>
-          <button className="group mt-2 flex items-center justify-center rounded-large bg-light-pink-vibrant p-3 transition hover:bg-dark-accent-2 dark:bg-dark-pink-vibrant hover:dark:bg-light-accent-2 sm:ml-2 sm:mt-0">
+          <button className="group mt-2 flex items-center justify-center rounded-large bg-light-pink-vibrant p-3 w-32 transition hover:bg-dark-accent-2 dark:bg-dark-pink-vibrant hover:dark:bg-light-accent-2 sm:ml-2 sm:mt-0">
             <span className="button-label-1 text-white transition group-hover:text-dark-accent-1 group-hover:dark:text-light-accent-1">
               Submit
             </span>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f105f62e8..110047cfc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -279,7 +279,7 @@ const Home = () => {
             </div>
             <div className="col-span-4 flex min-h-[15.625rem] flex-col justify-between space-y-12 rounded-large bg-light-pink-fade p-8 dark:bg-dark-pink-fade-80 sm:col-span-8 sm:space-y-0 sm:pt-[1.8125rem] md:col-span-4">
               <NewsletterForm
-                inputClass="bg-light-surface-1 p-3 pl-[2.1875rem] text-light-pink-vibrant placeholder:text-light-pink-vibrant dark:bg-dark-surface-1 dark:text-dark-pink-vibrant dark:placeholder:text-dark-pink-vibrant border-none"
+                inputClass="bg-light-surface-1 p-3 pl-[2.1875rem] text-light-accent-1 placeholder:text-light-accent-1 dark:bg-dark-surface-1 dark:text-dark-accent-1 dark:placeholder:text-dark-accent-1 border-none"
                 globeColorClass="pink-vibrant"
                 headerTextClass="dark:text-dark-accent-1 max-w-[25rem] text-light-accent-1"
                 headerText={connectBlock.newsletterTitle}
@@ -304,7 +304,7 @@ const Home = () => {
                   to="https://unigrants.org/"
                 >
                   <Globe className="mr-2 h-6 w-6" color="neutral-1" />
-                  <span className={cn('button-label-1 transition text-light-neutral-1 dark:text-dark-orange-vibrant')}>
+                  <span className={cn('button-label-1 transition text-light-neutral-1 dark:text-dark-neutral-1')}>
                     Learn more
                   </span>
                 </Link>