# 커스텀 헤더 아이콘이 코어 헤더 아이콘과 비율이 맞지 않음

**URL:** https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909
**Category:** UX
**Tags:** completed, custom-header-icons
**Created:** [4월 1, 2024, 9:48오후 UTC](https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909 "2024-04-01T21:48:40Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Crius](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/crius/32/317214_2.png) [@Crius](https://meta.discourse.org/u/Crius)
#### Post date: [4월 1, 2024, 9:48오후 UTC](https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909/1 "2024-04-01T21:48:40Z")

</div>

안녕하세요, discourse를 최신 버전인 3.3.0.beta1 (48cb7b7863)로 업데이트했습니다.

그런데 기본적으로 헤더 아이콘이 작아졌다는 것을 알게 되었습니다.  
즉, 이 컴포넌트의 아이콘은 이제 그것들과 비교했을 때 “더 크게” 보입니다.

![image](https://global.discourse-cdn.com/meta/original/4X/b/9/1/b911d65c84960884c260f01281004c04cab9ad54.png)

이 문제를 컴포넌트 헤더 아이콘에서 일부 클래스가 누락된 것으로 파악했습니다.

컴포넌트 아이콘의 html은 다음과 같습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/0/2/60259f7b633aa1c8c45e90b25c0c0b1ce0705b22.png)

그리고 discourse 아이콘의 html은 다음과 같습니다:

![image](https://global.discourse-cdn.com/meta/original/4X/f/8/5/f85032aee0ee4b0b007fdae01ffad96e02351211.png)

개발자 콘솔에서 html을 직접 편집하여 테스트해 보았는데, `btn no-text `를 추가하면 스타일이 다시 일치합니다.

![image](https://global.discourse-cdn.com/meta/original/4X/2/0/2/202398d79a06c06879dbbdde3d9b172c6cfcf163.png)

컴포넌트에 대한 PR을 열려고 시도해 보겠지만, github 저장소에 이슈 탭이 없어서 여기에서 문제를 제기해 보았습니다.

* * *

PR 생성됨: [update html template to align with change in style from discourse header icons - Pull Request #23 - discourse/discourse-icon-header-links - GitHub](https://github.com/discourse/discourse-icon-header-links/pull/23)

---

<div class="post-metadata">

### Author: ![Crius](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/crius/32/317214_2.png) [@Crius](https://meta.discourse.org/u/Crius)
#### Post date: [4월 22, 2024, 2:40오후 UTC](https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909/2 "2024-04-22T14:40:17Z")

</div>

이 문제에 대해 업데이트가 있나요?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [4월 22, 2024, 3:25오후 UTC](https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909/4 "2024-04-22T15:25:19Z")

</div>

PR을 병합했습니다. 정말 감사합니다!

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [4월 25, 2024, 3:52오후 UTC](https://meta.discourse.org/t/custom-header-icons-disproportionate-to-core-header-icons/304909/5 "2024-04-25T15:52:03Z")

</div>

이 주제는 2일 후 자동으로 닫혔습니다. 더 이상 새 답변을 작성할 수 없습니다.