diff --git a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js index de053fc353..18295ef8bf 100644 --- a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js +++ b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js @@ -202,6 +202,23 @@ const Avatar = styled.div` } `} + ${({ voice }) => voice && ` + &:after { + content: "\\00a0\\e931\\00a0"; + background-color: ${colorSuccess}; + top: 1.375rem; + left: 1.375rem; + right: auto; + + [dir="rtl"] & { + left: auto; + right: 1.375rem; + } + opacity: 1; + width: 1.2rem; + height: 1.2rem; + } + `} ${({ muted }) => muted && ` &:after { @@ -222,24 +239,6 @@ const Avatar = styled.div` } `} - ${({ voice }) => voice && ` - &:after { - content: "\\00a0\\e931\\00a0"; - background-color: ${colorSuccess}; - top: 1.375rem; - left: 1.375rem; - right: auto; - - [dir="rtl"] & { - left: auto; - right: 1.375rem; - } - opacity: 1; - width: 1.2rem; - height: 1.2rem; - } - `} - ${({ noVoice }) => noVoice && ` &:after { content: "";