Estoy tratando de personalizar el ancho de la información sobre herramientas del marco element-ui porque el texto dentro de la información sobre herramientas está roto incorrectamente.

Aquí se genera un elemento de información sobre herramientas que se coloca en la parte inferior de la etiqueta del cuerpo

 <div role="tooltip" id="el-tooltip-8061" aria-hidden="true" class="el-tooltip__popper is-dark popper-width" style="transform-origin: center top;z-index: 2031;/* display: none; */"> <div data-v-65209316="" class="row"> <div data-v-65209316="" class="col-5">Employee</div> <div data-v-65209316="" class="col-7">John Smith</div> </div> <div x-arrow="" class="popper__arrow" style="left: 77px;"></div> </div>

y aquí está mi código vue:

 <el-tooltip placement="bottom" theme="dark" popper-class="popper-width" :popper-options="customPopperOptions"> <template slot="content"> <div class="row"> <div class="col-5"> Employee </div> <div class="col-7"> John Smith </div> </div> </template> </el-tooltip>

y

 customPopperOptions() { return {container: document.body, boundariesElement: document.body} }