Tweak voice broadcast live icon (#9576)

src/voice-broadcast/components/atoms/LiveBadge.tsx

@@ -14,13 +14,27 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+import classNames from "classnames";
 import React from "react";
 
 import { Icon as LiveIcon } from "../../../../res/img/element-icons/live.svg";
 import { _t } from "../../../languageHandler";
 
-export const LiveBadge: React.FC = () => {
-    return <div className="mx_LiveBadge">
+interface Props {
+    grey?: boolean;
+}
+
+export const LiveBadge: React.FC<Props> = ({
+    grey = false,
+}) => {
+    const liveBadgeClasses = classNames(
+        "mx_LiveBadge",
+        {
+            "mx_LiveBadge--grey": grey,
+        },
+    );
+
+    return <div className={liveBadgeClasses}>
         <LiveIcon className="mx_Icon mx_Icon_16" />
         { _t("Live") }
     </div>;