JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="container">
        <select id="selector">
            <option>hello</option>
        </select>
    </div>
</div>

<div class="wrapper">
    <div class="container transformed">
        <select>
            <option>hello</option>
        </select>
    </div>
</div>

CSS

.wrapper {
 width: 200px;
 overflow: hidden;
 margin-top: 30px;
}

.container {
background-color: #ccc;
width: 230px;
text-align: right;
padding: 10px;
}

.transformed {
  -webkit-transform: translate3d(-100px, 0, 0);
}