Merge pull request #28 from edx/jhynes/microba-1743_fix-logo

fix: fix oversized logo in header

src/components/page-container/PageContainer.jsx

@@ -8,6 +8,8 @@ import { Spinner } from '@edx/paragon';
 
 import { getCohorts, getCourseHomeCourseMetadata } from './data/api';
 
+import './PageContainer.scss';
+
 export const CourseMetadataContext = React.createContext();
 
 export default function PageContainer(props) {
@@ -58,6 +60,7 @@ export default function PageContainer(props) {
       <CourseMetadataContext.Provider value={courseMetadata}>
         <>
           <Header
+            className="learning-header"
             courseOrg={courseMetadata.org}
             courseNumber={courseMetadata.number}
             courseTitle={courseMetadata.title}

src/components/page-container/PageContainer.scss

@@ -0,0 +1,9 @@
+.learning-header {
+  > div > a {
+    img {
+      top: 0.1em;
+      height: 2rem;
+      margin-right: 1rem;
+    }
+  }
+}