TPP-849 fix modal initial focus (#325)

* fix initial focus modal

* 3.2.31

Author: KitoC

lib/components/Modal/index.js

@@ -82,6 +82,7 @@ const CloseButton = styled(Button)((props) =>
 const HeaderContent = styled.div`
   display: flex;
   align-items: flex-start;
+  flex-direction: row-reverse;
   justify-content: space-between;
   width: 100%;
   padding-bottom: ${(props) => themeGet("space.r")(props)};
@@ -258,9 +259,6 @@ const Modal = ({
             >
               {headerContent ? (
                 <HeaderContent>
-                  <Box mr="xl" width="100%">
-                    {headerContent}
-                  </Box>
                   <CloseButton
                     onClick={onClose}
                     className="modal-close"
@@ -270,6 +268,9 @@ const Modal = ({
                   >
                     <Icon icon={["fas", "times"]} color="greyDark" size="lg" />
                   </CloseButton>
+                  <Box mr="xl" width="100%">
+                    {headerContent}
+                  </Box>
                 </HeaderContent>
               ) : (
                 <CloseButton

lib/components/Popover/index.js

@@ -327,6 +327,7 @@ export default function Popover({
     triggerComponent = (
       <div
         {...triggerProps}
+        style={{ display: "inline-block" }}
         data-testid={`${children?.props?.["data-testid"] || "popover"}-trigger`}
       >
         {children}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.30",
+  "version": "3.2.31",
   "engines": {
     "node": "20.12.2"
   },