diff --git a/frontends/mit-open/src/page-components/Header/Header.tsx b/frontends/mit-open/src/page-components/Header/Header.tsx index 5814d256da..c4e32ff477 100644 --- a/frontends/mit-open/src/page-components/Header/Header.tsx +++ b/frontends/mit-open/src/page-components/Header/Header.tsx @@ -27,6 +27,7 @@ import { useUserMe } from "api/hooks/user" const Bar = styled(AppBar)(({ theme }) => ({ height: "60px", padding: "0 8px", + borderBottom: `1px solid ${theme.custom.colors.lightGray2}`, backgroundColor: theme.custom.colors.white, color: theme.custom.colors.darkGray1, display: "flex", diff --git a/frontends/mit-open/src/page-components/Header/UserMenu.tsx b/frontends/mit-open/src/page-components/Header/UserMenu.tsx index 2d062b395c..4532fb9277 100644 --- a/frontends/mit-open/src/page-components/Header/UserMenu.tsx +++ b/frontends/mit-open/src/page-components/Header/UserMenu.tsx @@ -27,7 +27,7 @@ const UserMenuContainer = styled.button({ }) const LoginButtonContainer = styled(FlexContainer)(({ theme }) => ({ - paddingRight: "32px", + paddingRight: "16px", "&:hover": { textDecoration: "none", }, @@ -159,7 +159,6 @@ const UserMenu: React.FC = ({ variant }) => { { hideBackdrop={true} PaperProps={{ sx: { + borderRight: "none", boxShadow: "0px 6px 24px 0px rgba(37, 38, 43, 0.10)", zIndex: (theme) => theme.zIndex.appBar - 1, overscrollBehavior: "contain",