diff --git a/res/css/components/views/elements/_AppPermission.pcss b/res/css/components/views/elements/_AppPermission.pcss index b91ed2b809..be78efa43b 100644 --- a/res/css/components/views/elements/_AppPermission.pcss +++ b/res/css/components/views/elements/_AppPermission.pcss @@ -53,25 +53,25 @@ limitations under the License. mask-image: url("$(res)/img/feather-customised/help-circle.svg"); } } +} - .mx_AppPermission_tooltip { - box-shadow: none; - background-color: $tooltip-timeline-bg-color; - color: $tooltip-timeline-fg-color; - border: none; - border-radius: 3px; - padding: 6px 8px; +.mx_Tooltip.mx_Tooltip--appPermission { + box-shadow: none; + background-color: $tooltip-timeline-bg-color; + color: $tooltip-timeline-fg-color; + border: none; + border-radius: 3px; + padding: 6px 8px; - &.mx_AppPermission_tooltip--dark { - .mx_Tooltip_chevron::after { - border-right-color: $tooltip-timeline-bg-color; - } - } - - ul { - list-style-position: inside; - padding-left: 2px; - margin-left: 0; + &.mx_Tooltip--appPermission--dark { + .mx_Tooltip_chevron::after { + border-right-color: $tooltip-timeline-bg-color; } } + + ul { + list-style-position: inside; + padding-left: 2px; + margin-left: 0; + } } diff --git a/src/components/views/elements/AppPermission.tsx b/src/components/views/elements/AppPermission.tsx index 86b6a28b8a..208dc72290 100644 --- a/src/components/views/elements/AppPermission.tsx +++ b/src/components/views/elements/AppPermission.tsx @@ -115,7 +115,7 @@ export default class AppPermission extends React.Component { const warningTooltip = (