JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<form class="form-inline" role="form">
    <div class="form-group">
        <input type="color" id="font_color" class="form-control input-sm" style="background: #A5A5A5" value="#A5A5A5"/>
    </div>
</form>

CSS

.form-group{
    width: 30px;
}