From b21607188c78e606fe2a30f52051514a88abc1ce Mon Sep 17 00:00:00 2001
From: Carey Gumaer <gumaerc@mit.edu>
Date: Tue, 1 Oct 2024 13:09:53 -0400
Subject: [PATCH 1/2] apply StyledMITLogoLink styles directly to img element

---
 .../src/page-components/Header/UserMenu.tsx      | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontends/mit-learn/src/page-components/Header/UserMenu.tsx b/frontends/mit-learn/src/page-components/Header/UserMenu.tsx
index 6a54459cd6..e5684aee7b 100644
--- a/frontends/mit-learn/src/page-components/Header/UserMenu.tsx
+++ b/frontends/mit-learn/src/page-components/Header/UserMenu.tsx
@@ -108,13 +108,15 @@ const UserMenuChevron: React.FC<{ open: boolean }> = ({ open }) => {
 }
 
 const StyledMITLogoLink = styled(MITLogoLink)(({ theme }) => ({
-  width: "64px",
-  height: "32px",
-  marginLeft: "16px",
-  [theme.breakpoints.down("sm")]: {
-    width: "48px",
-    height: "24px",
-    marginLeft: "0",
+  img: {
+    width: "64px",
+    height: "32px",
+    marginLeft: "16px",
+    [theme.breakpoints.down("sm")]: {
+      width: "48px",
+      height: "24px",
+      marginLeft: "0",
+    },
   },
 }))
 

From 1c2a889d6f968b5bfda5395f736f1e0347ce0a51 Mon Sep 17 00:00:00 2001
From: Carey Gumaer <gumaerc@mit.edu>
Date: Tue, 1 Oct 2024 13:25:34 -0400
Subject: [PATCH 2/2] fix app container padding based on header height

---
 frontends/mit-learn/src/GlobalStyles.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontends/mit-learn/src/GlobalStyles.tsx b/frontends/mit-learn/src/GlobalStyles.tsx
index db607f4540..82a56db2d6 100644
--- a/frontends/mit-learn/src/GlobalStyles.tsx
+++ b/frontends/mit-learn/src/GlobalStyles.tsx
@@ -20,8 +20,12 @@ const pageCss = css`
   }
 
   #app-container {
-    height: calc(100vh - 60px);
-    margin-top: 60px;
+    height: calc(100vh - 72px);
+    margin-top: 72px;
+    ${theme.breakpoints.down("sm")} {
+      margin-top: 60px;
+      height: calc(100vh - 60px);
+    }
   }
 
   a {