Искажение line-height на смартфонах

[FirstFrost]

Здравствуйте! Есть кнопка "Показать еще" с

height: 40px;
line-height: 40px;

При просмотре с ПК все в порядке ( https://yadi.sk/i/dbBvWCkX3FEjMB ).
При просмотре со смартфона на том же Google Chrome - line-height явно искажается и текст становится выше ( https://yadi.sk/i/amb_fC2u3FEjUy ).

Подскажите, как лучше устранить данное искажение?

[Вадим Мошев]

У вас на втором скриншоте показано что-то совсем не то. Там нет даже этих кнопок.

А по теме мог бы посоветовать такую альтернативу. Сделать кнопки так.
Снаружи - div, оболочка с нужными вам стилями.
Внутри - ссылка, тег <a>, для которого через стили прописать:

 display: table-cell;
 vertical-align: middle;
 height: inherit;
 width: inherit;

Внутри ссылок - текст, которым вам нужен.