diff --git a/components/common/comment_icon.jsx b/components/common/comment_icon.jsx
index 37c6e3fc4927..e4591b1f889a 100644
--- a/components/common/comment_icon.jsx
+++ b/components/common/comment_icon.jsx
@@ -16,7 +16,7 @@ export default class CommentIcon extends React.PureComponent {
handleCommentClick: PropTypes.func.isRequired,
searchStyle: PropTypes.string,
commentCount: PropTypes.number,
- id: PropTypes.string,
+ postId: PropTypes.string,
extraClass: PropTypes.string,
};
@@ -24,7 +24,6 @@ export default class CommentIcon extends React.PureComponent {
idCount: -1,
searchStyle: '',
commentCount: 0,
- id: '',
extraClass: '',
};
@@ -47,7 +46,7 @@ export default class CommentIcon extends React.PureComponent {
selectorId += this.props.idCount;
}
- const id = Utils.createSafeId(this.props.idPrefix + '_' + this.props.id);
+ const id = Utils.createSafeId(this.props.idPrefix + '_' + this.props.postId);
const tooltip = (
@@ -129,6 +130,7 @@ exports[`components/dot_menu/DotMenu should match snapshot, on Center 1`] = `
aria-expanded="false"
className="dropdown-toggle post__dropdown color--link style--none"
data-toggle="dropdown"
+ id="CENTER_button_post_id_1"
type="button"
/>
diff --git a/components/dot_menu/dot_menu.jsx b/components/dot_menu/dot_menu.jsx
index be84c8d14005..ea3f62c22236 100644
--- a/components/dot_menu/dot_menu.jsx
+++ b/components/dot_menu/dot_menu.jsx
@@ -377,6 +377,7 @@ class DotMenu extends Component {
rootClose={true}
>