diff --git a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx index a49d276128..494b26cd2d 100644 --- a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx +++ b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx @@ -788,7 +788,9 @@ const ManagePolicyPage = ({ place="left" positionStrategy="fixed" offset={24} + opacity={1} disableStyleInjection + classNameArrow="tooltip-arrow" > Available in Fleet Premium @@ -806,7 +808,9 @@ const ManagePolicyPage = ({ place="left" positionStrategy="fixed" offset={24} + opacity={1} disableStyleInjection + classNameArrow="tooltip-arrow" > Select a team to manage
diff --git a/frontend/pages/policies/ManagePoliciesPage/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/_styles.scss index 3c88a2db1c..1453d7e5ee 100644 --- a/frontend/pages/policies/ManagePoliciesPage/_styles.scss +++ b/frontend/pages/policies/ManagePoliciesPage/_styles.scss @@ -42,6 +42,15 @@ font-style: normal; text-align: center; } + + // arrow styles directly from react-tooltip-5 css + .tooltip-arrow { + width: 8px; + height: 8px; + } + [class*="react-tooltip__place-left"] > .tooltip-arrow { + transform: rotate(315deg); + } } } .Select-control {