diff --git a/apps/roboshield/src/components/Hero/Hero.tsx b/apps/roboshield/src/components/Hero/Hero.tsx index 43117fb7b..cb1862f8a 100644 --- a/apps/roboshield/src/components/Hero/Hero.tsx +++ b/apps/roboshield/src/components/Hero/Hero.tsx @@ -1,6 +1,5 @@ import RichText from "@/roboshield/components/RichText"; import { Section } from "@commons-ui/core"; -import { RichTypography } from "@commons-ui/next"; import { Box, Button, Typography } from "@mui/material"; import React from "react"; import ReactRotatingText from "react-rotating-text"; @@ -99,7 +98,8 @@ const Hero = (props: PageHero) => { a: { textDecoration: "none", padding: "0.5em", - margin: "0.5em", + margin: { md: "0.5em", xs: "0.75em" }, + display: "inline-block", border: "1px solid", borderColor: "text.secondary", }, diff --git a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx index 4d8f1b471..b4791d017 100644 --- a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx +++ b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx @@ -11,7 +11,7 @@ import { import { styled } from "@mui/material/styles"; import React, { ForwardedRef } from "react"; -import menuIcon from "@/roboshield/assets/icons/menu-icon.svg"; +import menuIcon from "@/roboshield/assets/icons/menu-icon.svg?url"; import CloseIcon from "@/roboshield/assets/icons/Type=x, Size=24, Color=CurrentColor.svg"; import NavBarNavList from "@/roboshield/components/NavBarNavList"; import NextImageButton from "@/roboshield/components/NextImageButton"; @@ -86,15 +86,13 @@ const MobileNavBar = React.forwardRef(function MobileNavBar( /> - - - +