diff --git a/src/Notifications/index.jsx b/src/Notifications/index.jsx
index 833b7270..c1aff04d 100644
--- a/src/Notifications/index.jsx
+++ b/src/Notifications/index.jsx
@@ -111,7 +111,7 @@ const Notifications = () => {
           iconAs={Icon}
           variant="light"
           iconClassNames="text-primary-500"
-          className="ml-4 mr-1 my-3 notification-button"
+          className="ml-4 mr-1 notification-button"
           data-testid="notification-bell-icon"
         />
         {notificationCounts?.count > 0 && (
diff --git a/src/learning-header/LearningHeader.jsx b/src/learning-header/LearningHeader.jsx
index a6015ccb..6b2e549e 100644
--- a/src/learning-header/LearningHeader.jsx
+++ b/src/learning-header/LearningHeader.jsx
@@ -73,7 +73,7 @@ const LearningHeader = ({
     <AppProvider store={store}>
       <header className="learning-header">
         <a className="sr-only sr-only-focusable" href="#main-content">{intl.formatMessage(messages.skipNavLink)}</a>
-        <div className="container-xl py-2 d-flex align-items-center learning-header-container">
+        <div className="px-4 py-2.5 d-flex align-items-center learning-header-container">
           {headerLogo}
           <div className="flex-grow-1 course-title-lockup" style={{ lineHeight: 1 }}>
             <span className="d-block small m-0">{courseOrg} {courseNumber}</span>