fix: course unit sidebar slot

Author: rpenido

src/course-unit/CourseUnit.tsx

@@ -333,7 +333,7 @@ const CourseUnit = () => {
                 showPasteUnit={showPasteUnit}
               />
             )}
-            <div className="d-flex align-items-baseline">
+            <div className="d-flex align-items-start">
               <div className="flex-fill">
                 {currentlyVisibleToStudents && (
                   <AlertMessage

src/plugin-slots/CourseAuthoringUnitSidebarSlot/index.tsx

@@ -12,28 +12,31 @@ export const CourseAuthoringUnitSidebarSlot = (
     isSplitTestType,
   }: CourseAuthoringUnitSidebarSlotProps,
 ) => (
-  <PluginSlot
-    id="org.openedx.frontend.authoring.course_unit_sidebar.v2"
-    pluginProps={{
-      blockId,
-      courseId,
-      unitTitle,
-      xBlocks,
-      readOnly,
-      isUnitVerticalType,
-      isSplitTestType,
-    }}
+  <div className="pt-1" // This is to fix the vertical alignment of the sidebar
   >
-    <UnitSidebar
-      legacySidebarProps={{
+    <PluginSlot
+      id="org.openedx.frontend.authoring.course_unit_sidebar.v2"
+      pluginProps={{
+        blockId,
+        courseId,
         unitTitle,
         xBlocks,
         readOnly,
         isUnitVerticalType,
         isSplitTestType,
       }}
-    />
-  </PluginSlot>
+    >
+      <UnitSidebar
+        legacySidebarProps={{
+          unitTitle,
+          xBlocks,
+          readOnly,
+          isUnitVerticalType,
+          isSplitTestType,
+        }}
+      />
+    </PluginSlot>
+  </div>
 );
 
 type XBlock = {