Edited control button padding in search actions

Author: thatblindgeye

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss

@@ -35,6 +35,13 @@
   }
 
   // Drawer search and actions
+  .pf-chatbot__history-search-actions {
+    .pf-v6-c-button.pf-m-control {
+      --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
+      --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
+    }
+  }
+
   .pf-chatbot__input {
     width: 100%;
   }

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx

@@ -322,11 +322,13 @@ export const ChatbotConversationHistoryNav: FunctionComponent<ChatbotConversatio
     }
 
     return searchActionStart || searchActionEnd ? (
-      <InputGroup>
-        {searchActionStart && <InputGroupItem>{searchActionStart}</InputGroupItem>}
-        {searchInputContainer && <InputGroupItem isFill>{searchInputContainer}</InputGroupItem>}
-        {searchActionEnd && <InputGroupItem>{searchActionEnd}</InputGroupItem>}
-      </InputGroup>
+      <div className="pf-chatbot__history-search-actions">
+        <InputGroup>
+          {searchActionStart && <InputGroupItem>{searchActionStart}</InputGroupItem>}
+          {searchInputContainer && <InputGroupItem isFill>{searchInputContainer}</InputGroupItem>}
+          {searchActionEnd && <InputGroupItem>{searchActionEnd}</InputGroupItem>}
+        </InputGroup>
+      </div>
     ) : (
       searchInputContainer
     );