选择下拉太大（Bootstrap）

Question

好的，所以我的网站上有一个简单的东西，用户可以在其中输入电话号码并发送短信，因此当他们输入电话号码时，他们需要在下拉列表中选择一个包含所有国家/地区拨号代码的项目，问题是是下拉列表和我的文本框一样长，这使得一切看起来都很尴尬，我做了一些研究并且自己搞砸了它没有任何运气，只是举个例子这里是我在说什么（顺便说一句，我用的引导框架所以任何答案都需要支持bootstrap）

正如您所看到的，文本框实际上比下拉列表小，这使得它看起来有点奇怪，我想以某种方式缩小下拉列表，使其在我的文本字段旁边看起来更好。

感谢阅读，我们将不胜感激任何帮助！

编辑： 我此<select>下拉列表的当前代码如下所示

<select class='form-control'>
    <option value='213'>Algeria (+213)</option>
    <option value='376'>Andorra (+376)</option>
    <option value='244'>Angola (+244)</option>
    <option value='1264'>Anguilla (+1264)</option>
    <option value='1268'>Antigua &amp; Barbuda (+1268)</option>
    <option value='54'>Argentina (+54)</option>
    <option value='374'>Armenia (+374)</option>
    <option value='297'>Aruba (+297)</option>
    <option value='61'>Australia (+61)</option>
//There is more countries..... I just cut it here so it won't be too long
</select>