fix: learning header constant height

src/components/NavigationBar/CourseTabsNavigation.jsx

@@ -24,8 +24,7 @@ const CourseTabsNavigation = ({
   }, [courseId]);
 
   return (
-    <div id="courseTabsNavigation" className={classNames('course-tabs-navigation', className)}>
+    <div id="courseTabsNavigation" className={classNames('course-tabs-navigation px-4', className)}>
-      <div className="container-xl">
       {!!tabs.length && (
         <Tabs
           className="nav-underline-tabs"
@@ -43,7 +42,6 @@ const CourseTabsNavigation = ({
         </Tabs>
       )}
     </div>
-    </div>
   );
 };
 

src/index.scss

@@ -280,7 +280,6 @@ header {
   line-height: 28px;
   font-family: Inter, Helvetica Neue, Arial, sans-serif;
   font-size: 18px !important;
-  height: 60px !important;
 
   .user-dropdown {
     button {