diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index e90d4375..110d8d4f 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -2,8 +2,10 @@ // Chatbot Header // ============================================================================ .pf-chatbot__header { + display: flex; position: relative; background-color: var(--pf-t--chatbot--background); + justify-content: space-between; // Title -or- Brand .pf-chatbot__title { @@ -11,6 +13,18 @@ max-height: 40px; } } + + .pf-chatbot__menu { + flex-shrink: 0; + } + + .pf-chatbot__actions { + width: 218px; + flex-shrink: 0; + flex-grow: 0; + display: flex; + justify-content: flex-end; + } } // ============================================================================