Adjust drawer close button

Author: rebeccaalpert

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss

@@ -118,7 +118,6 @@
       border-radius: var(--pf-t--global--border--radius--pill);
       justify-content: center;
       align-items: center;
-      border-radius: var(--pf-t--global--border--radius--small);
     }
   }
 
@@ -230,4 +229,14 @@
     --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--lg);
     --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   }
+  .pf-v6-c-drawer__close {
+    .pf-v6-c-button {
+      width: 2rem;
+      height: 2rem;
+      --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
+      --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+      --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+      --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+    }
+  }
 }

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx

@@ -259,7 +259,11 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
             {...drawerActionsProps}
           >
             <DrawerCloseButton onClick={onDrawerToggle} {...drawerCloseButtonProps} />
-            {onNewChat && <Button onClick={onNewChat}>{newChatButtonText}</Button>}
+            {onNewChat && (
+              <Button size={isCompact ? 'sm' : undefined} onClick={onNewChat}>
+                {newChatButtonText}
+              </Button>
+            )}
           </DrawerActions>
         </DrawerHead>
         {isLoading ? <LoadingState {...loadingState} /> : renderDrawerContent()}