# Shared component with Coded component: HTML not read correctly

**URL:** <https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147>\
**Category:** Bug reports\
**Tags:** ui, coded-component, shareable-component\
**Created:** [November 26, 2025, 12:57pm UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147 "2025-11-26T12:57:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joanna](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/joanna/32/122_2.png) [@Joanna](https://community.appfarm.io/u/Joanna)\
**Post date:** [November 26, 2025, 12:57pm UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147/1 "2025-11-26T12:57:47Z")

</div>

Hi,  
I have a custom component shared between apps with a coded component inside.

The script part of the coded component seems to be working fine across apps. I also have a simple snippet in HTML content, though (a tag with some custom styling), and this only gets applied within the app where the component is defined, but gets ignored in the other apps.

The same code placed in a local coded component works as expected.

---

<div class="post-metadata">

**Author:** ![isabelslorer](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/isabelslorer/32/856_2.png) [@isabelslorer](https://community.appfarm.io/u/isabelslorer)\
**Post date:** [November 27, 2025, 1:48pm UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147/2 "2025-11-27T13:48:01Z")

</div>

Hi Joanna,

Thank you for reporting this. I will report it to the platform team!

---

<div class="post-metadata">

**Author:** ![isabelslorer](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/isabelslorer/32/856_2.png) [@isabelslorer](https://community.appfarm.io/u/isabelslorer)\
**Post date:** [November 27, 2025, 3:11pm UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147/4 "2025-11-27T15:11:39Z")

</div>

Hi Joanna,

I tried to replicate this, but the HTML worked fine for me across apps, so it seems like this might be related to the specific code.

Can you share the code you are using? (If the code contains sensitive info, feel free to DM me)

If you inspect the element in the browser, do you see your styles being overridden (crossed out)?

---

<div class="post-metadata">

**Author:** ![Joanna](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/joanna/32/122_2.png) [@Joanna](https://community.appfarm.io/u/Joanna)\
**Post date:** [December 2, 2025, 9:48am UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147/5 "2025-12-02T09:48:08Z")

</div>

Hi @isabelslorer,

Sorry about my slow response.

The html in the component is pretty simple:

```auto
<style>
    button {
        cursor: pointer;
    }
</style>

```

It’s used to override the default cursor for a custom button component with Element Type set to `button`.

![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/2/2e84b5c9b03fab4d1d04723274e0cc538512be76.png)

Hope this helps.
