вопрос

серый фон под низом иконок (конверт, карандаш, и т.п.) это toolbar () сами иконки в такой структуре :
так вот когда мышку наводишь примерно где красная полоса то ссылка кликабельна. Я знаю что это вина шрифта, но незнаю как данную проблему можно решить. как можно уменьшить высоту не меняя размер шрифта ? Я уже пробовал и размер меньше ставить и писал display:block; ничего не помогло.
Если кто знает как это решить подскажите пожалуйста.
P.S. иконки это шрифт такой

серый фон под низом иконок (конверт, карандаш, и т.п.) это toolbar () сами иконки в такой структуре :
<div><a href="#">иконка шрифт</a></div>
так вот когда мышку наводишь примерно где красная полоса то ссылка кликабельна. Я знаю что это вина шрифта, но незнаю как данную проблему можно решить. как можно уменьшить высоту не меняя размер шрифта ? Я уже пробовал и размер меньше ставить и писал display:block; ничего не помогло.
Если кто знает как это решить подскажите пожалуйста.
P.S. иконки это шрифт такой