diff --git a/assets/css/custom.css b/assets/css/custom.css
index b6fcc7d..cf6267d 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -48,5 +48,8 @@
 .dark .border-primary-200 {
     color: rgb(191, 219, 254);
 }
+.bg-neutral-50 {
+    background-color: rgb(250, 250, 250);
+}
 
     
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
index 7e4a760..b11073b 100755
--- a/content/_index.md
+++ b/content/_index.md
@@ -591,15 +591,15 @@ FEATURES. What you get with AstroWind. One of the most professional and comprehe
             <!-- Grid -->
               <div>
                 <label for="hs-firstname-contacts-1 name" class="sr-only form-label">Name</label>
-                <input type="text" name="name" id="name" class="py-3 px-4 block w-full border-neutral-200 dark:border-neutral-700 rounded-lg text-sm focus:border-primary-500 form-input" placeholder="Name" type="text">
+                <input type="text" name="name" id="name" class="py-3 px-4 block w-full border-neutral-200 bg-neutral-50 dark:border-neutral-700 rounded-lg text-sm focus:border-primary-500 form-input" placeholder="Name" type="text">
               </div>
             <div>
               <label for="hs-email-contacts-1 email" class="sr-only form-label">Email</label>
-              <input type="email" name="hs-email-contacts-1 email" id="hs-email-contacts-1 email" autocomplete="email" class="y-3 px-4 block w-full border-neutral-200 dark:border-neutral-700 rounded-lg text-sm focus:border-primary-500 form-input" placeholder="Email" type="email">
+              <input type="email" name="hs-email-contacts-1 email" id="hs-email-contacts-1 email" autocomplete="email" class="y-3 px-4 block w-full border-neutral-200 dark:border-neutral-700 rounded-lg text-sm  bg-neutral-50 focus:border-primary-500 form-input" placeholder="Email" type="email">
             </div>
             <div>
               <label for="hs-about-contacts-1 message" class="sr-only from-label">Message</label>
-              <textarea id="hs-about-contacts-1 message" name="hs-about-contacts-1 message" rows="4" class="y-3 px-4 block w-full border-neutral-200 dark:border-neutral-700 rounded-lg text-sm focus:border-primary-500 form-input" placeholder="Message goes here"></textarea>
+              <textarea id="hs-about-contacts-1 message" name="hs-about-contacts-1 message" rows="4" class="y-3 px-4 block w-full border-neutral-200 dark:border-neutral-700 rounded-lg text-sm focus:border-primary-500 form-input  bg-neutral-50" placeholder="Message goes here"></textarea>
             </div>
           </div>
           <!-- End Grid -->