From 9bc69e39e2c6c4572567d043c140da406d8229f5 Mon Sep 17 00:00:00 2001
From: Justin Hynes <JHynes@edx.org>
Date: Mon, 14 Mar 2022 09:58:40 -0400
Subject: [PATCH] fix: fix oversized logo in header

[MICROBA-1743]

* Add styling overrides for images and text in header to make logo sizes consistent in the PageContainer component.
---
 src/components/page-container/PageContainer.jsx  | 3 +++
 src/components/page-container/PageContainer.scss | 9 +++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 src/components/page-container/PageContainer.scss

diff --git a/src/components/page-container/PageContainer.jsx b/src/components/page-container/PageContainer.jsx
index bd471ae..220bccc 100644
--- a/src/components/page-container/PageContainer.jsx
+++ b/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}
diff --git a/src/components/page-container/PageContainer.scss b/src/components/page-container/PageContainer.scss
new file mode 100644
index 0000000..2a4ea44
--- /dev/null
+++ b/src/components/page-container/PageContainer.scss
@@ -0,0 +1,9 @@
+.learning-header {
+  > div > a {
+    img {
+      top: 0.1em;
+      height: 2rem;
+      margin-right: 1rem;
+    }
+  }
+}