diff --git a/src/library-authoring/LibraryAuthoringPage.scss b/src/library-authoring/LibraryAuthoringPage.scss
index eaf87428b8..03a167b370 100644
--- a/src/library-authoring/LibraryAuthoringPage.scss
+++ b/src/library-authoring/LibraryAuthoringPage.scss
@@ -14,4 +14,9 @@
   min-width: 300px;
   max-width: map-get($grid-breakpoints, "sm");
   z-index: 1001; // to appear over header
+  position: sticky;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  overflow-y: auto;
 }
diff --git a/src/library-authoring/LibraryAuthoringPage.tsx b/src/library-authoring/LibraryAuthoringPage.tsx
index 7ec5e63a8a..9c5d85c629 100644
--- a/src/library-authoring/LibraryAuthoringPage.tsx
+++ b/src/library-authoring/LibraryAuthoringPage.tsx
@@ -153,8 +153,8 @@ const LibraryAuthoringPage = () => {
   };
 
   return (
-    <div className="d-flex overflow-auto">
-      <div className="flex-grow-1 align-content-center">
+    <div className="d-flex">
+      <div className="flex-grow-1">
         <Header
           number={libraryData.slug}
           title={libraryData.title}