Arrow visible after tooltip content is hidden when style prop set

[oyshan]

Hi!

When setting the style prop on the Tooltip component, the arrow is visible after the tooltip content is hidden. It seems it is visible for additional ~500ms (the default tooltipTimeout value) after the tooltip content is hidden. My render method:

render(){
	const style = {
		style: {
			background: '#337AB7',
			opacity: 0.9,
			color: '#FFF',
		},
		arrowStyle: {
			color: '#337AB7',
		}
	}

	return (
		<span>
			<i
				id={this.parentId}
				style={{ cursor: 'pointer' }}
				className="mdi mdi-information-outline"
				onMouseEnter={this.showTooltip}
				onMouseLeave={this.hideTooltip}
			/>
			<Tooltip
				active={this.state.isTooltipActive}
				parent={'#'+this.parentId}
				arrow="top"
				position="right"
				tooltipTimeout={this.props.tooltipTimeout}
				style={style}
			>
				<div>TEST</div>
			</Tooltip >
		</span>
	)
}

Version: 2.3.0