# Unable to alter the lock icon in category boxes
**URL:** https://meta.discourse.org/t/unable-to-alter-the-lock-icon-in-category-boxes/212133
**Category:** UX
**Created:** [December 15, 2021, 2:53am UTC](https://meta.discourse.org/t/unable-to-alter-the-lock-icon-in-category-boxes/212133 "2021-12-15T02:53:45Z")
**Posts on this page:** 9
**Page:** 1
I’ve used [Category Icons](https://meta.discourse.org/t/category-icons-component/104683) to change the category locks icon to `unlock-alt`, which is great.
They are applied to all categories and subcategories appropriately except the `category-box-heading`. You’ll note that the subcategory titles have the replacement icon with no problem:
> .
When inspecting the boxes, I note that the text for the category-box-heading is not wrapped in `category name here, and the icon assigned to it is the default one (not the one it has been changed to).
Apologies if this is actually related to the Theme Component, but I’m pretty sure it is something in core.
---
Some of this is in core, and some of it is in the component. These two PRs should fix the issue when merged
[https://github.com/discourse/discourse/pull/15309](https://github.com/discourse/discourse/pull/15309)
[https://github.com/discourse/discourse-category-icons/pull/9](https://github.com/discourse/discourse-category-icons/pull/9)
---
Thanks Joe - I’ve updated both discourse and the component, but the behaviour hasn’t changed. This example is for subcategories but it is the same for boxes on the `/c` page.
> 
When I inspect it, I can see the additional wrapping - that is in there nicely, but still the wrong lock icon:
```plaintext
```
---
What commit is the site you’re seeing this issue on?
Right-click \> view page source \> Look for the Meta Generator tag.
It looks like this
```plaintext
```
Can you share that here?
---
In [betterstreets.nz](http://betterstreets.nz), but you won’t see any locked icons unless you join (which you are welcome to do).
Here 'tis:
```plaintext
```
---
The theme component is not updated on your site. I’m seeing this.
> **Summary**
>
> ```javascript
> let lockIcon = settings.category_lock_icon || "lock";
>
> categoryTitleLink.default.reopen({
> lockIcon: lockIcon
> });
>
> ```
when it should be
> **Summary**
>
> ```javascript
> let lockIcon = settings.category_lock_icon || "lock";
>
> categoryTitleLink.reopen({
> lockIcon: lockIcon,
> });
>
> categoriesBoxes.reopen({
> lockIcon: lockIcon,
> });
>
> categoriesBoxesWithTopics.reopen({
> lockIcon: lockIcon,
> });
>
> ```
Like it is here
[discourse-category-icons/javascripts/discourse/initializers/category-icons.js at main · discourse/discourse-category-icons · GitHub](https://github.com/discourse/discourse-category-icons/blob/main/javascripts/discourse/initializers/category-icons.js#L21-L33)
Head to the component page on your site and make sure that the `source` link is pointing to the correct repository
`https://github.com/discourse/discourse-category-icons`
Also, double check if you have multiple copies of the component installed. Check if the one that’s active is up to date.
---
Hmmm, all looks good at my end. Only one component, correct repository, activated.
> 
Source is:
---
Not really sure at this point. Looking through the settings, I see you’re only using this for the lock icon, right? Can you try deleting the component and installing it again?
---
> [@Johani](#):
>
> Can you try deleting the component and installing it again?
🥳 Well, that worked!!! 🥳
Thanks for your above and beyond the call of duty persistent support for me on this Joe!
I’ll now apply it to our other sites, deleting and re-installing the component each time. I’m unsure what that triggered but hey, it works.