# 카테고리 로고가 원본 크기보다 크게 표시됨

**URL:** <https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981>\
**Category:** Bug\
**Created:** [11월 9, 2022, 11:58오전 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981 "2022-11-09T11:58:34Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![T\_Disco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/t_disco/32/455171_2.png) [@T\_Disco](https://meta.discourse.org/u/T_Disco)\
**Post date:** [11월 9, 2022, 11:58오전 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/1 "2022-11-09T11:58:34Z")

</div>

2.9.0.beta11로 업그레이드한 후, 카테고리 로고가 원본 이미지 크기보다 크게 표시되어 이미지가 흐릿해 보이고 설명 텍스트가 세로 줄로 표시되는 문제를 발견했습니다:

 ![The-STEP-Forums-Before](https://global.discourse-cdn.com/meta/original/4X/2/5/c/25cf2dd917c98141bd35f96735bdfa0c5bcd4933.png)

임시 조치로 문제를 해결하기 위해 사용자 정의 CSS 클래스를 추가했습니다:

```plaintext
.category-logo.aspect-image img {
    width: auto !important;
}

```

 ![The-STEP-Forums-After](https://global.discourse-cdn.com/meta/original/4X/5/c/b/5cb597bb043324f5b02f983274e3410a984078f1.png)

예를 보려면 [https://forum.step.org/에](https://forum.step.org/%EC%97%90) 접속하여 카테고리 이미지 중 하나를 검사한 후, 위의 사용자 정의 클래스를 선택 해제해 보세요. 개별 카테고리 페이지(예: [https://forum.step.org/c/contentious-trusts/5](https://forum.step.org/c/contentious-trusts/5))에서도 동일한 문제가 발생합니다.

다음과 같은 클래스가 활성화되는 것으로 보입니다:

```plaintext
.category-logo.aspect-image img {
    width: calc(var(--max-height) * var(--aspect-ratio));
}

```

---

_[View the full topic](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981)._