JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 500px;">
    <div class="settingicon righty">
        <img src="http://i.imgur.com/boUd8av.png" />
    </div>
    <div class="schedulepicker quat todaytoday">MONDAY</div>
</div>

CSS

.schedulepicker:hover {
    opacity: 0.5;
}

.schedulepicker {
	width: 470px;
	background: #2e2e2e;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	padding-left: 30px;
	letter-spacing: 0.1em;
	font-size: 12px;
	margin-bottom: 1px;
	transition: 0.2s;
}

.righty {
    float: right;
}
}