From 34f0bf525340b8419cb23fe3ffdb81363285f0b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chris=20Ch=C3=A1vez?= <xnpiochv@gmail.com>
Date: Wed, 4 Sep 2024 12:25:36 -0500
Subject: [PATCH] fix: UX nits on Library Info Sidebar (#1253)

---
 src/library-authoring/library-info/LibraryInfoHeader.tsx | 2 +-
 src/library-authoring/library-sidebar/LibrarySidebar.tsx | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/library-authoring/library-info/LibraryInfoHeader.tsx b/src/library-authoring/library-info/LibraryInfoHeader.tsx
index 5f97390795..dbb9a84871 100644
--- a/src/library-authoring/library-info/LibraryInfoHeader.tsx
+++ b/src/library-authoring/library-info/LibraryInfoHeader.tsx
@@ -75,7 +75,7 @@ const LibraryInfoHeader = ({ library } : LibraryInfoHeaderProps) => {
                 iconAs={Icon}
                 alt={intl.formatMessage(messages.editNameButtonAlt)}
                 onClick={handleClick}
-                className="mt-1"
+                className="mt-1 ml-2"
                 size="inline"
               />
             )}
diff --git a/src/library-authoring/library-sidebar/LibrarySidebar.tsx b/src/library-authoring/library-sidebar/LibrarySidebar.tsx
index 64d57838da..30b3c43abc 100644
--- a/src/library-authoring/library-sidebar/LibrarySidebar.tsx
+++ b/src/library-authoring/library-sidebar/LibrarySidebar.tsx
@@ -56,7 +56,7 @@ const LibrarySidebar = ({ library }: LibrarySidebarProps) => {
   const buildHeader = (): React.ReactNode => headerComponentMap[sidebarBodyComponent || 'unknown'];
 
   return (
-    <Stack gap={4} className="p-2 text-primary-700">
+    <Stack gap={4} className="p-3 text-primary-700">
       <Stack direction="horizontal" className="d-flex justify-content-between">
         {buildHeader()}
         <IconButton
@@ -65,7 +65,6 @@ const LibrarySidebar = ({ library }: LibrarySidebarProps) => {
           iconAs={Icon}
           alt={intl.formatMessage(messages.closeButtonAlt)}
           onClick={closeLibrarySidebar}
-          variant="black"
           size="inline"
         />
       </Stack>