.flow-ui-topicMenuSelectWidget {
	position: relative;
	overflow-y: auto;

	&-locked,
	&-locked:hover {
		color: #72777d;
	}

	// Override border-color and margin-top from OOUI MenuSelectWidget
	border-color: #c8ccd1;
	margin-top: 0;

	// Override hidden scrollbars configuration in OS X users
	// See http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from-being-hidden-for-os-x-trackpad-users-in-webki
	&::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	&::-webkit-scrollbar:vertical { /* stylelint-disable-line selector-pseudo-class-no-unknown */
		width: 11px;
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 2px solid #fff; /* should match background, can't be transparent */
		background-color: rgba( 0, 0, 0, 0.5 );
	}

	&::-webkit-scrollbar-track {
		background-color: #fff;
		border-radius: 8px;
	}
}