diff --git a/src/components/ui/Footers/WithSubscribeForm.vue b/src/components/ui/Footers/WithSubscribeForm.vue
index 5a554c4..11c094c 100644
--- a/src/components/ui/Footers/WithSubscribeForm.vue
+++ b/src/components/ui/Footers/WithSubscribeForm.vue
@@ -10,7 +10,7 @@
                     <div class="flex justify-center mt-6">
                         <div class="bg-white rounded-md">
                             <div class="flex flex-wrap justify-between md:flex-row">
-                                <input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none focus:placeholder-white" placeholder="Enter your email" aria-label="Enter your email">
+                                <input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none focus:placeholder-transparent" placeholder="Enter your email" aria-label="Enter your email">
                                 <button class="w-full m-1 p-2 text-sm bg-gray-800 rounded font-semibold uppercase lg:w-auto hover:bg-gray-700">subscribe</button>
                             </div>
                         </div>
@@ -53,7 +53,7 @@
                 <div class="flex justify-center mt-6">
                     <div class="bg-white rounded-md">
                         <div class="flex flex-wrap justify-between md:flex-row">
-                            <input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none focus:placeholder-white" placeholder="Enter your email" aria-label="Enter your email">
+                            <input type="email" class="m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none focus:placeholder-transparent" placeholder="Enter your email" aria-label="Enter your email">
                             <button class="w-full m-1 p-2 text-sm bg-gray-800 rounded font-semibold uppercase lg:w-auto hover:bg-gray-700">subscribe</button>
                         </div>
                     </div>
diff --git a/src/components/ui/Forms/Newsletter.vue b/src/components/ui/Forms/Newsletter.vue
index cdee50f..724454e 100644
--- a/src/components/ui/Forms/Newsletter.vue
+++ b/src/components/ui/Forms/Newsletter.vue
@@ -12,8 +12,8 @@
 
                 <div class="flex items-center justify-center pb-6 md:py-0 md:w-1/2 md:border-b-8 border-gray-700">
                     <form>
-                        <div class="flex flex-col rounded-lg overflow-hidden lg:flex-row">
-                            <input class="py-3 px-6 bg-gray-200 text-gray-700 outline-none placeholder-gray-500 focus:bg-gray-100" type="text" name="email" placeholder="Enter your email" aria-label="Enter your email">
+                        <div class="flex flex-col rounded-lg border overflow-hidden lg:flex-row">
+                            <input class="py-3 px-6 bg-white text-gray-700 outline-none placeholder-gray-500 focus:placeholder-transparent" type="text" name="email" placeholder="Enter your email" aria-label="Enter your email">
                             
                             <button class="py-3 px-4 bg-gray-700 text-gray-100 text-sm font-semibold uppercase hover:bg-gray-600 focus:bg-gray-600 focus:outline-none">subscribe</button>
                         </div>
@@ -41,8 +41,8 @@
 
             <div class="flex items-center justify-center pb-6 md:py-0 md:w-1/2 md:border-b-8 border-gray-700">
                 <form>
-                    <div class="flex flex-col rounded-lg overflow-hidden lg:flex-row">
-                        <input class="py-3 px-6 bg-gray-200 text-gray-700 outline-none placeholder-gray-500 focus:bg-gray-100" type="text" name="email" placeholder="Enter your email" aria-label="Enter your email">
+                    <div class="flex flex-col rounded-lg border overflow-hidden lg:flex-row">
+                        <input class="py-3 px-6 bg-white text-gray-700 outline-none placeholder-gray-500 focus:placeholder-transparent" type="text" name="email" placeholder="Enter your email" aria-label="Enter your email">
                         
                         <button class="py-3 px-4 bg-gray-700 text-gray-100 text-sm font-semibold uppercase hover:bg-gray-600 focus:bg-gray-600 focus:outline-none">subscribe</button>
                     </div>