# Ghost Icon on Items in "Recent Mistakes" Modal is Obfuscated by Checkbox

**URL:** <https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727>\
**Category:** Feedback\
**Created:** [July 6, 2026, 5:42pm UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727 "2026-07-06T17:42:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cdbk](https://community-cdn.hanzihero.com/user_avatar/community.hanzihero.com/cdbk/32/1856_2.png) [@cdbk](https://community.hanzihero.com/u/cdbk)\
**Post date:** [July 6, 2026, 5:42pm UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727/1 "2026-07-06T17:42:46Z")

</div>

In the “Launch Extra Study Session” modal that opens when you click the “Review” button in the “Recent Mistakes” section on the Dashboard, the ghost icons that indicate problem hanzi/words are covered by the checkbox input so I can’t see what I should really focus on studying. In the screenshot I posted you can see just a few pixels of the ghost icon under and slightly above the checkmarks on ke4ben3 and de2. The ability to select only items marked with this character for review would also be very appreciated.

 ![Screenshot from 2026-07-06 12-41-29](https://community-b2-cdn.hanzihero.com/original/2X/8/83c1b15fc7b20d7a64d60a795fb075f93725f885.png)

---

<div class="post-metadata">

**Author:** ![phil](https://community-cdn.hanzihero.com/user_avatar/community.hanzihero.com/phil/32/6_2.png) [@phil](https://community.hanzihero.com/u/phil)\
**Post date:** [July 6, 2026, 8:34pm UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727/2 "2026-07-06T20:34:33Z")

</div>

Thanks! I wonder what’s the easiest way to fix this 😬 I guess when the checkmark is rendered, push any sort of status below it? Could also fade in/out the checkmark on hover 🤔

---

<div class="post-metadata">

**Author:** ![cdbk](https://community-cdn.hanzihero.com/user_avatar/community.hanzihero.com/cdbk/32/1856_2.png) [@cdbk](https://community.hanzihero.com/u/cdbk)\
**Post date:** [July 6, 2026, 9:33pm UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727/3 "2026-07-06T21:33:30Z")

</div>

Thanks for the quick response! Here is one option that I think works well at keeping everything separated. I’ve modified the CSS of the ghost icon so that it retains the absolute positioning but centers it through everything in the “style” property (margin-inline, left, right). I tweaked the “top-[2px]” class name to “top-[1px]” in this span as well.

```auto
<span title="This item is a leech." style="margin-inline: auto;left: 0;right: 0;" class="hero-ghost-solid opacity-80 top-[1px] absolute z-10 h-3 w-3 text-white select-none"></span>

```

I also modified the “right-[4px]”, “top-[4px]” class names in the checkbox input to “right-[1px]” and “top-[1px]” to more closely match the spacing of the proficiency dots in the upper left corner.

Shrinking the ghost icon a little bit also makes the spacing look better. The ghost icon has “h-3” and “w-3” class names in the screenshot below instead of “h-4” and “w-4”.

 ![image](https://community-b2-cdn.hanzihero.com/original/2X/c/c0a5d4c480a9d10352db05d9d2bd92a056423281.png)

---

<div class="post-metadata">

**Author:** ![phil](https://community-cdn.hanzihero.com/user_avatar/community.hanzihero.com/phil/32/6_2.png) [@phil](https://community.hanzihero.com/u/phil)\
**Post date:** [July 11, 2026, 5:31pm UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727/4 "2026-07-11T17:31:53Z")

</div>

Your suggestions worked out perfectly, thanks! They’re now implemented

I was tempted to try out the spacing differences on tiles outside of the Extra Study, but decided to hold off for now… the current sizing on the status icons seems okay 🤔

---

<div class="post-metadata">

**Author:** ![cdbk](https://community-cdn.hanzihero.com/user_avatar/community.hanzihero.com/cdbk/32/1856_2.png) [@cdbk](https://community.hanzihero.com/u/cdbk)\
**Post date:** [July 13, 2026, 4:14am UTC](https://community.hanzihero.com/t/ghost-icon-on-items-in-recent-mistakes-modal-is-obfuscated-by-checkbox/7727/5 "2026-07-13T04:14:59Z")

</div>

Awesome, thanks for doing that!