# Problem with components override

**URL:** https://community.penpot.app/t/problem-with-components-override/6067
**Category:** Ask the community
**Tags:** design
**Created:** [July 16, 2024, 1:15pm UTC](https://community.penpot.app/t/problem-with-components-override/6067 "2024-07-16T13:15:47Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Benjaminppr](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/benjaminppr/32/5667_2.png) [@Benjaminppr](https://community.penpot.app/u/Benjaminppr)
#### Post date: [July 16, 2024, 1:15pm UTC](https://community.penpot.app/t/problem-with-components-override/6067/1 "2024-07-16T13:15:48Z")

</div>

Hi there,  
I have an issue with components. I created a simple photo card components  
 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/0/0d82ee96c8cf7ec948bfc83a74a94d624b95c9bc.png)  
Flex column layout, image in absolute in background.  
My problem is whenever I will change something on the original component, the component instances will not updated if I changed anything in them (text or image)  
I made a quick video to show it : [Watch Enregistrement de l'écran 2024-07-16 150915 | Streamable](https://streamable.com/ufxtn6)  
Can someone tell me what I’m doing wrong ?  
Thanks a lot !

---

<div class="post-metadata">

### Author: ![vivesh\_ingle](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/vivesh_ingle/32/3288_2.png) [@vivesh\_ingle](https://community.penpot.app/u/vivesh_ingle)
#### Post date: [July 16, 2024, 6:17pm UTC](https://community.penpot.app/t/problem-with-components-override/6067/2 "2024-07-16T18:17:33Z")

</div>

You can define the text style then try

---

<div class="post-metadata">

### Author: ![Benjaminppr](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/benjaminppr/32/5667_2.png) [@Benjaminppr](https://community.penpot.app/u/Benjaminppr)
#### Post date: [July 17, 2024, 5:46am UTC](https://community.penpot.app/t/problem-with-components-override/6067/3 "2024-07-17T05:46:42Z")

</div>

I’m not sure that would help, from what i’ve seen, updating the component style should update all of the instances too

---

<div class="post-metadata">

### Author: ![vivesh\_ingle](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/vivesh_ingle/32/3288_2.png) [@vivesh\_ingle](https://community.penpot.app/u/vivesh_ingle)
#### Post date: [July 17, 2024, 10:58am UTC](https://community.penpot.app/t/problem-with-components-override/6067/4 "2024-07-17T10:58:50Z")

</div>

Yes’ ill try this and it’s working

---

<div class="post-metadata">

### Author: ![Benjaminppr](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/benjaminppr/32/5667_2.png) [@Benjaminppr](https://community.penpot.app/u/Benjaminppr)
#### Post date: [July 18, 2024, 7:53am UTC](https://community.penpot.app/t/problem-with-components-override/6067/5 "2024-07-18T07:53:08Z")

</div>

Well, yeah it’s working on your example, but I don’t understand why it’s not working on mine 😅  
I did the same thing, create a component, place it somewhere else, I just change the text, and from the moment I change the text, the component style is not updating anymore.

How do you changed the text ? Maybe I did it wrong and that’s why the component isn’t updating after changing it

---

<div class="post-metadata">

### Author: ![vivesh\_ingle](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/vivesh_ingle/32/3288_2.png) [@vivesh\_ingle](https://community.penpot.app/u/vivesh_ingle)
#### Post date: [July 18, 2024, 8:34am UTC](https://community.penpot.app/t/problem-with-components-override/6067/6 "2024-07-18T08:34:43Z")

</div>

Send the bug report, they can see what’s the exact problem.

---

<div class="post-metadata">

### Author: ![Benjaminppr](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/benjaminppr/32/5667_2.png) [@Benjaminppr](https://community.penpot.app/u/Benjaminppr)
#### Post date: [September 3, 2024, 2:33pm UTC](https://community.penpot.app/t/problem-with-components-override/6067/7 "2024-09-03T14:33:08Z")

</div>

Problem still happening, it’s a bit boring.  
I wanted to use Penpot in order to create easily reusable components and it blocks me since I have to manually reupdate each component if I change the text…

---

<div class="post-metadata">

### Author: ![extralooping](https://avatars.discourse-cdn.com/v4/letter/e/7ba0ec/32.png) [@extralooping](https://community.penpot.app/u/extralooping)
#### Post date: [September 24, 2024, 2:02pm UTC](https://community.penpot.app/t/problem-with-components-override/6067/8 "2024-09-24T14:02:20Z")

</div>

I have the exact same Problem, on our self hosted instance and on penpot.app. @vivesh_ingle approach works, because he is changing the font style itself. But that would mean, that you would need Textstyles for every component (or you would change would change the styling in other components simultanously, what is ususally not what you want).

I really like penpot, but that’s is a big blocker at the moment.
