diff --git a/src/components/AvatarCropModal/AvatarCropModal.js b/src/components/AvatarCropModal/AvatarCropModal.js index 761c453c1964..b1e2b5fac9ea 100644 --- a/src/components/AvatarCropModal/AvatarCropModal.js +++ b/src/components/AvatarCropModal/AvatarCropModal.js @@ -97,7 +97,7 @@ const AvatarCropModal = (props) => { const {height, width} = event.nativeEvent.layout; // Even if the browser height is reduced too much, the relative height should not be negative - const relativeHeight = Math.max(height - styles.imageCropRotateButton.height, CONST.AVATAR_CROP_MODAL.INITIAL_SIZE); + const relativeHeight = Math.max(height, CONST.AVATAR_CROP_MODAL.INITIAL_SIZE); setImageContainerSize(Math.floor(Math.min(relativeHeight, width))); }, []); @@ -416,7 +416,6 @@ const AvatarCropModal = (props) => { icon={Expensicons.Rotate} iconFill={themeColors.inverse} iconStyles={[styles.mr0]} - style={[styles.imageCropRotateButton]} onPress={rotateImage} /> diff --git a/src/styles/styles.js b/src/styles/styles.js index 9c2eac87884a..d291d241a085 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -2848,7 +2848,6 @@ const styles = { height: variables.sliderKnobSize, width: variables.sliderKnobSize, borderRadius: variables.sliderKnobSize / 2, - top: -variables.sliderBarHeight, left: -(variables.sliderKnobSize / 2), cursor: 'pointer', }, @@ -2858,10 +2857,7 @@ const styles = { height: variables.sliderBarHeight, borderRadius: variables.sliderBarHeight / 2, alignSelf: 'stretch', - }, - - imageCropRotateButton: { - height: variables.iconSizeExtraLarge, + justifyContent: 'center', }, userSelectText: {