Clean up

CodeForAfrica · Jun 22, 2024 · 616d3a4 · 616d3a4
1 parent c73f0f0
commit 616d3a4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/apps/roboshield/src/components/Hero/Hero.tsx b/apps/roboshield/src/components/Hero/Hero.tsx
@@ -4,9 +4,6 @@ import { Box, Button, Typography } from "@mui/material";
 import React from "react";
 import ReactRotatingText from "react-rotating-text";
 
-import SmartToyOutlinedIcon from "@mui/icons-material/SmartToyOutlined";
-import BotIcon from "@/roboshield/assets/icons/Type=robot, Size=24, Color=CurrentColor.svg";
-
 interface props {
   scrolRef: React.RefObject<HTMLDivElement>;
 }
@@ -26,36 +23,36 @@ const Hero = ({ scrolRef }: props) => {
     >
       <Section>
         <Typography
+          color="text.secondary"
+          gutterBottom
           typography="h6"
           variant="h2"
-          gutterBottom
-          sx={{
-            py: "8px",
-            color: "#FFFFFF",
-          }}
         >
           CONTROL YOUR DATA
         </Typography>
 
         <Typography
           color="text.secondary"
           gutterBottom
+          my={{
+            xs: 3,
+            md: 5,
+          }}
           textAlign="center"
           variant="h1"
           sx={{
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
-            py: 1,
           }}
         >
           Guard Your
           <Box
             component="span"
             sx={{
               backgroundColor: "red",
-              color: "#FFFFF",
+              color: "text.secondary",
               maxWidth: "fit-content",
               my: {
                 xs: 0.5,

diff --git a/apps/roboshield/src/components/NewsletterSubscription/NewsletterSubscription.tsx b/apps/roboshield/src/components/NewsletterSubscription/NewsletterSubscription.tsx
@@ -79,7 +79,11 @@ const NewsletterSubscription = React.forwardRef(function NewsletterSubscription(
       }}
       ref={ref}
     >
-      <RichTypography variant="h5SemiBold" sx={{ mb: "30px" }}>
+      <RichTypography
+        mb="30px"
+        textAlign={{ xs: "center", md: "left" }}
+        variant="h5SemiBold"
+      >
         {title}
       </RichTypography>
       <NewsletterSubscriptionRoot>{children}</NewsletterSubscriptionRoot>