diff --git a/src/components/VideoChatButtonAndMenu/BaseVideoChatButtonAndMenu.js b/src/components/VideoChatButtonAndMenu/BaseVideoChatButtonAndMenu.js index 64119c475de7..3d56924125e9 100755 --- a/src/components/VideoChatButtonAndMenu/BaseVideoChatButtonAndMenu.js +++ b/src/components/VideoChatButtonAndMenu/BaseVideoChatButtonAndMenu.js @@ -131,15 +131,17 @@ class BaseVideoChatButtonAndMenu extends Component { top: this.state.videoChatIconPosition.y + 40, }} > - {_.map(this.menuItemData, ({icon, text, onPress}) => ( - - ))} + + {_.map(this.menuItemData, ({icon, text, onPress}) => ( + + ))} + ); diff --git a/src/pages/home/report/ContextMenu/BaseReportActionContextMenu.js b/src/pages/home/report/ContextMenu/BaseReportActionContextMenu.js index e562a417d423..1da859e123c0 100755 --- a/src/pages/home/report/ContextMenu/BaseReportActionContextMenu.js +++ b/src/pages/home/report/ContextMenu/BaseReportActionContextMenu.js @@ -45,7 +45,7 @@ const defaultProps = { class BaseReportActionContextMenu extends React.Component { constructor(props) { super(props); - this.wrapperStyle = getReportActionContextMenuStyles(this.props.isMini); + this.wrapperStyle = getReportActionContextMenuStyles(this.props.isMini, this.props.isSmallScreenWidth); this.state = { shouldKeepOpen: false, diff --git a/src/styles/getReportActionContextMenuStyles.js b/src/styles/getReportActionContextMenuStyles.js index 496b0762aca7..c1ed4cbd3021 100644 --- a/src/styles/getReportActionContextMenuStyles.js +++ b/src/styles/getReportActionContextMenuStyles.js @@ -25,10 +25,20 @@ const bigWrapperStyle = [ * Generate the wrapper styles for the ReportActionContextMenu. * * @param {Boolean} isMini + * @param {Boolean} isSmallScreenWidth * @returns {Array} */ -function getReportActionContextMenuStyles(isMini) { - return isMini ? miniWrapperStyle : bigWrapperStyle; +function getReportActionContextMenuStyles(isMini, isSmallScreenWidth) { + if (isMini) { + return miniWrapperStyle; + } + + return [ + ...bigWrapperStyle, + + // Small screens use a bottom-docked modal that already has vertical padding. + isSmallScreenWidth ? {} : styles.pv3, + ]; } export default getReportActionContextMenuStyles;