Ion-title width

Ionic Framework Ionic Vue
1

I have a vue app that has a title with content rendered live by translation

but the content appears too long as I get elipses …

for the last 4 characters nfig of Config

shows as Co…

the title is centered as expected

<template>
  <ion-page>
    <ion-header :translucent="true">
      <ion-toolbar>
        <ion-title>{{$t("app.title")}}</ion-title><br>
      </ion-toolbar>
    </ion-header>

how can I fix this?