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 {
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",
+    },
   },
 }))