From 5ca5dd01956c1eb1098a454f965dd7ca2552293f Mon Sep 17 00:00:00 2001
From: Afrasyabafzal <afrasyabafzal5@gmail.com>
Date: Sat, 27 Aug 2022 15:31:20 -0400
Subject: [PATCH] Fix the styling issues

---
 src/components/Newsletter.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Newsletter.jsx b/src/components/Newsletter.jsx
index ffe5fce..877ff6e 100644
--- a/src/components/Newsletter.jsx
+++ b/src/components/Newsletter.jsx
@@ -52,14 +52,14 @@ export function Newsletter() {
                   required
                   placeholder="Email address"
                   aria-label="Email address"
-                  className="-my-2.5 flex-auto bg-transparent pl-6 pr-2.5 text-base text-slate-900 placeholder:text-slate-400 focus:outline-none"
+                  className="-my-2.5 flex-auto bg-transparent pl-6 pr-2.5 text-base text-slate-900 placeholder:text-slate-400 focus:outline-none border-none"
                 />
-                <Button type="submit">
+                <button type="submit" className='inline-flex justify-center rounded-2xl bg-blue-600 p-4 text-base font-semibold text-white hover:bg-blue-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-white/70'>
                   <span className="sr-only sm:not-sr-only">Sign up today</span>
                   <span className="sm:hidden">
                     <ArrowRightIcon className="h-6 w-6" />
                   </span>
-                </Button>
+                </button>
               </div>
             </form>
           </div>