diff --git a/app/components/formatted_markdown_text.js b/app/components/formatted_markdown_text.js
index 2f5b03fc2..01898d9af 100644
--- a/app/components/formatted_markdown_text.js
+++ b/app/components/formatted_markdown_text.js
@@ -110,12 +110,14 @@ class FormattedMarkdownText extends React.PureComponent {
}
renderAtMention = ({context, mentionName}) => {
+ const style = getStyleSheet(this.props.theme);
+
return (
);
}
@@ -139,6 +141,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
fontSize: 15,
lineHeight: 22,
},
+ atMentionOpacity: {
+ opacity: 1,
+ },
};
});
diff --git a/app/components/markdown/markdown.js b/app/components/markdown/markdown.js
index 93edb1296..8de3f7260 100644
--- a/app/components/markdown/markdown.js
+++ b/app/components/markdown/markdown.js
@@ -199,10 +199,12 @@ export default class Markdown extends PureComponent {
return this.renderText({context, literal: `@${mentionName}`});
}
+ const style = getStyleSheet(this.props.theme);
+
return (
{
color: editedColor,
opacity: editedOpacity,
},
+ atMentionOpacity: {
+ opacity: 1,
+ },
};
});