# The Image on Builder Custom Components gets inverted on dark mode

**URL:** <https://forum.builder.io/t/the-image-on-builder-custom-components-gets-inverted-on-dark-mode/14869>\
**Category:** Technical Questions\
**Tags:** visual-editor, react, custom-components, nextjs\
**Created:** [May 19, 2025, 1:56pm UTC](https://forum.builder.io/t/the-image-on-builder-custom-components-gets-inverted-on-dark-mode/14869 "2025-05-19T13:56:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![v.dihtiarenko](https://avatars.discourse-cdn.com/v4/letter/v/c77e96/32.png) [@v.dihtiarenko](https://forum.builder.io/u/v.dihtiarenko)\
**Post date:** [May 19, 2025, 1:56pm UTC](https://forum.builder.io/t/the-image-on-builder-custom-components-gets-inverted-on-dark-mode/14869/1 "2025-05-19T13:56:51Z")

</div>

Hello everyone,

I’m integrating Builder Custom Component and adding a custom icon via image attribute when registering it in my Next.js app.

The icon is displayed normally on a default light mode, but when I switch to dark mode, all the icons receive a CSS rule:  
`filter: invert(1)`

Does anyone know how to disable it?  
Here’s how the custom component looks like depending on a theme:

 ![Screenshot 2025-05-19 at 16.54.51](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/8/800ee4d6c5cee2c93621ee04d7144aff8be8355d.png)  
 ![Screenshot 2025-05-19 at 16.55.05](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/6/6ae48b8951b900ab0d1a6161590f1845df2824aa.png)