Телеграмм чат группы nextjs

Может кто подсказать, как отобразить две одинаковые иконки, чтобы они не ломались. Они внутри того же комрпонента, который дублируется, но один из них с display: none на разных брейкпоинтах. Это в проекте на Некст, иконки просто перенесены кодом в React компонент

источник

15:45пожаловаться #11

J. C. in Next.js — русскоговорящее сообщество

Убираешь display: none - отображаются обе нормально

источник

15:47пожаловаться #12

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

Ну так покажи код

источник

15:49пожаловаться #13

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

И как отображаются, если не display: none

источник

15:50пожаловаться #14

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

block? flex?

источник

15:50пожаловаться #15

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

И как ломаются, что конкретно не так?

источник

15:50пожаловаться #16

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

Трескаются?)

источник

15:50пожаловаться #17

J. C. in Next.js — русскоговорящее сообщество

Ivan Sequend 👾

И как отображаются, если не display: none

У меня два одинаковых компонента ссылки в разных частях топбара. Один скрыт на одном брейкпоинте, другой на другом. И конка внутри этих компонентов, как чайлд

источник

15:53пожаловаться #18

J. C. in Next.js — русскоговорящее сообщество

Ivan Sequend 👾

И как ломаются, что конкретно не так?

Вместо самой иконки белый квадрат становится

источник

15:53пожаловаться #19

Ivan Sequend 👾 in Next.js — русскоговорящее сообщество

А в инспекторе что?

источник

15:53пожаловаться #20