diff --git a/devcon/src/components/common/newsletter/Newsletter.tsx b/devcon/src/components/common/newsletter/Newsletter.tsx
index 7ae4e1c1a..d3ea5d851 100644
--- a/devcon/src/components/common/newsletter/Newsletter.tsx
+++ b/devcon/src/components/common/newsletter/Newsletter.tsx
@@ -17,7 +17,8 @@ interface Props {
   id?: string
 }
 
-const MC_ENDPOINT = 'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&id=013a6fa362'
+const MC_ENDPOINT =
+  'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&id=013a6fa362'
 
 export const Newsletter = (props: Props) => {
   const intl = useTranslations()
@@ -29,7 +30,10 @@ export const Newsletter = (props: Props) => {
   }
 
   return (
-    <form action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0=" method="post">
+    <form
+      action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0="
+      method="post"
+    >
       <div>
         <p className="semi-bold">{intl('newsletter_title')}</p>
         <div>
@@ -44,13 +48,13 @@ export const Newsletter = (props: Props) => {
                 <input
                   className={css['input']}
                   type="email"
-                  name='email'
+                  name="email"
                   id={props.id ?? 'newsletter_email'}
                   placeholder={intl('newsletter_enter')}
                   {...emailField}
                 />
                 <input type="hidden" name="sender" value={EMAIL_DEVCON} />
-                <Button className={`black ghost ${css['button']} thin-borders`} type="submit">
+                <Button className={`black ${css['button']} thin-borders`} type="submit">
                   {intl('newsletter_subscribe')}
                 </Button>
               </div>
diff --git a/devcon/src/components/common/newsletter/newsletter.module.scss b/devcon/src/components/common/newsletter/newsletter.module.scss
index e47e2a343..e8497ad6d 100644
--- a/devcon/src/components/common/newsletter/newsletter.module.scss
+++ b/devcon/src/components/common/newsletter/newsletter.module.scss
@@ -19,8 +19,10 @@
 
   flex-grow: 1;
   color: $colors-monochrome-10;
-  border-bottom: 1px solid $colors-monochrome-5;
+  // border-bottom: 1px solid $colors-monochrome-5;
   padding-left: $gaps-gap-2;
+  box-shadow: 0px 1px 4px 1px rgb(146, 146, 146);
+  padding: 4px 8px;
   margin-right: $gaps-gap-4;
 
   &:focus,