From 8a95b14fa3028ca81d28b4d2966bffff528a7b03 Mon Sep 17 00:00:00 2001
From: shankar ambady <ambady@mit.edu>
Date: Tue, 18 Jun 2024 13:55:20 -0400
Subject: [PATCH 1/3] adding border to header and removing double border from
 side nav

---
 frontends/mit-open/src/page-components/Header/Header.tsx       | 1 +
 frontends/ol-components/src/components/NavDrawer/NavDrawer.tsx | 1 +
 2 files changed, 2 insertions(+)

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/ol-components/src/components/NavDrawer/NavDrawer.tsx b/frontends/ol-components/src/components/NavDrawer/NavDrawer.tsx
index 2a8564aa86..70d1f89d82 100644
--- a/frontends/ol-components/src/components/NavDrawer/NavDrawer.tsx
+++ b/frontends/ol-components/src/components/NavDrawer/NavDrawer.tsx
@@ -182,6 +182,7 @@ const NavDrawer = (props: NavDrawerProps) => {
       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",

From 55997dd1fe9eb33bb86b51b4846b6b072f6e9b18 Mon Sep 17 00:00:00 2001
From: shankar ambady <ambady@mit.edu>
Date: Tue, 18 Jun 2024 13:59:14 -0400
Subject: [PATCH 2/3] removing border radius from login button

---
 frontends/mit-open/src/page-components/Header/UserMenu.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontends/mit-open/src/page-components/Header/UserMenu.tsx b/frontends/mit-open/src/page-components/Header/UserMenu.tsx
index 2d062b395c..625aec0791 100644
--- a/frontends/mit-open/src/page-components/Header/UserMenu.tsx
+++ b/frontends/mit-open/src/page-components/Header/UserMenu.tsx
@@ -159,7 +159,6 @@ const UserMenu: React.FC<UserMenuProps> = ({ variant }) => {
           <FlexContainer className="login-button-desktop">
             <ButtonLink
               data-testid="login-button-desktop"
-              edge="circular"
               size="small"
               reloadDocument={true}
               href={loginUrl}

From faa23b8623b0c6aa1287038edefb9564617fe093 Mon Sep 17 00:00:00 2001
From: shankar ambady <ambady@mit.edu>
Date: Tue, 18 Jun 2024 14:09:58 -0400
Subject: [PATCH 3/3] removing padding from buttons

---
 frontends/mit-open/src/page-components/Header/UserMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontends/mit-open/src/page-components/Header/UserMenu.tsx b/frontends/mit-open/src/page-components/Header/UserMenu.tsx
index 625aec0791..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",
   },