На сайте в одном месте подчеркивание текста организовано таким образом,

Question

На сайте в одном месте подчеркивание текста организовано таким образом,

что подчеркивается каждое слово https://i.imgur.com/1MA0Es5.png
Там нужно центрировать текст по вертикали, подчеркивать строки, а не блок. Непростой кейс и нужно реализацию подчеркивания сохранить.
Дизайнер хочет, чтобы черточки не слипались как на скриншоте. Не подскажете, что можно попробовать сделать, чтобы черточки не слипались между словами, но и сохранить текущую реализацию подчеркивания?
Стиль подчеркивания слова такой:
padding: 0 2px;
position: relative;

&:after {
content: "";
background-image: linear-gradient(90deg, #5065c8, #5065c8 75%, transparent 75%, transparent 100%);
background-size: 8px 1px;
border:none;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
}