下拉符号与AngularJS 1中的文本重叠

我有一个

下拉列表

，其中包含更多字符的元素。为了在

下拉列表中显示它，我必须决定添加3个点，因为它有更多的字符

当我回来编辑
下拉列表
（注销并登录并尝试编辑）的值时，文本与
下拉列表
符号重叠




{{selectedType.value}


目前代码如上图所示

我希望下拉菜单以同样的方式运行，即使我回到编辑模式。
下拉列表应类似于
为您的问题制作插页或提琴并共享。为您的问题制作插页或提琴并共享。
<div style="margin-top:3.2px;" class="shortdropdownContainer weak">
    <div  class="selectdivshort weak" style="display;none">
        <label>
            <select class="chooseCoun ng-pristine ng-untouched ng-valid"
                ng-init="init()"
                data-ng-model="selectedType"
                data-ng-options="x.value for x in businessType" >
            </select>
        </label>
    </div>
    <p id="dropdownmessage" class="editCorporate weak">
        {{selectedType.value}}
    </p>
</div>