JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog_btnlist"><select style="-ms-flex: 5 0.2 100%; -webkit-flex: 5 1 30%" class="first-child"><option value="">Defaults...</option><option value="Shinx">English: Shinx</option><option value="コリンク">Japanese: コリンク</option><option value="Sheinux">German: Sheinux</option><option value="Lixy">French: Lixy</option><option value="꼬링크">Korean: 꼬링크</option><option value="小貓怪">Chinese: 小貓怪</option></select><input type="text" value="Sparx" maxlength="40" style="-ms-flex:10 0.1 100%; -webkit-flex: 10 1 50%"><a href="javascript:void(null);" style="-ms-flex: 6 0.16667 100%; -webkit-flex: 6 1 30%;" class="last-child">Rename</a></div>

CSS

input,select {margin:0; width: 20px}
#dialog_btnlist {
    text-align:center;
    margin:0 auto 5px;
    display:-webkit-flex;
    -webkit-justify-content:center;
    display:-ms-flexbox;
    -ms-flex-pack:center;
    width:288px;
    background:#f99;
    padding-bottom:10px;
}
#dialog_btnlist>* {
    display:inline-block;
    height:18px;
    line-height:18px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-right:1px solid #ccc;
    padding:2px;
    box-sizing:content-box;
    box-shadow:inset 0 8px 4px -6px white, inset 0 -8px 4px -6px black;
    background-color:#ccc;
    color:#004000;
}
#dialog_btnlist>.first-child {
    box-shadow:inset 2px 2px 4px white, inset 0 -8px 4px -6px black;
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;
    border-left:1px solid black;
}
#dialog_btnlist>.last-child {
    box-shadow:inset 0 8px 4px -6px white, inset -2px -2px 4px black;
    border-top-right-radius:16px;
    border-bottom-right-radius:16px;
    border-right:1px solid black;
}
#dialog_btnlist>a {
    background-color:#321;
    color:#ccc;
    text-decoration:none;
    padding-left:8px;
    padding-right:8px;
    font-weight:bold;
}