From 251173e4d688044af9d1c3e631362091afe56b05 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Tue, 25 Jun 2024 15:52:05 +0300
Subject: [PATCH] fix: improve codeforafrica footer design

---
 .../NewsletterSubscription/NewsletterSubscription.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js b/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js
index 5d0a6f657..b4d57590d 100644
--- a/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js
+++ b/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js
@@ -19,6 +19,7 @@ const NewsletterSubscriptionRoot = styled(RichTypography)(
         borderRadius: 0,
         display: "flex",
         height: typography.pxToRem(36),
+        marginTop: 0,
         marginBottom: typography.pxToRem(30),
         outline: "none",
         padding: `0 ${typography.pxToRem(12)}`,
@@ -38,10 +39,15 @@ const NewsletterSubscriptionRoot = styled(RichTypography)(
     "& #mc_embed_signup input[type=submit]": {
       ...typography.subtitle1,
       background: "none",
-      border: "none",
+      border: `1px solid ${palette.text.secondary}`,
       color: "inherit",
-      padding: 0,
-      textDecoration: "underline",
+      padding: `${typography.pxToRem(6)} ${typography.pxToRem(12)}`,
+      textDecoration: "none",
+    },
+    "& #mc_embed_signup input[type=submit]:hover": {
+      cursor: "pointer",
+      background: `${palette.text.secondary}`,
+      color: `${palette.text.primary}`,
     },
   }),
 );