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: "";