JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fields-set">
    <label>Select Option</label>
    <select>
         <option>This is very very very very very very very very Long Select DropDown</option>
        <option>Test</option>
        <option>Test2</option>
    </select>
</div>

CSS

.fields-set{width:350px; float:left;}
.fields-set label{width:35%; line-height:40px;float: left;}
.fields-set select{
	height:32px;
	border:1px solid #ccc;
	margin: 0 19px 0 1%;
	padding:0 32px 0 1%;
    width:55%;
    float: left;
    overflow: hidden;
    background:url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR3xT6PSVebCcTYjggESCb55GBM91fGgbyrMFbs3CGeFoQjFwVB") no-repeat scroll right center padding-box border-box #FFF;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
			appearance: none;
-ms-appearance: none  \9;
-o-appearance: none;
}