# The border with color "No color" is shown in gray color **URL:** \ **Category:** Elements\ **Created:** [May 29, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818 "2025-05-29T11:48:33Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 29, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818/1 "2025-05-29T11:48:33Z")
Hi, I need your help. I need this for a Custom Component but I noticed that the same behavior also happens with standard components, such as the Container. When you set a size for the border (in my case the bottom border) but leave the color set to “No color” it happens that in the editor you see a gray border (see screenshot). I need to overwrite that style in the editor and make it actually transparent if no color is set. How can I do it? I need this for a Custom Component, so I ask you if it is possible to overwrite that style by inserting CSS, JS or other code? ![Screenshot 2025-05-29 alle 13.38.50](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/1/9114d7fddfbe19e297547176251d518bd8e9952c.png) ---
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 29, 2025, 5:09pm UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818/2 "2025-05-29T17:09:51Z")
Hi @dan or @ben is there a solution to my problem? Thanks 🙏 ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 29, 2025, 9:40pm UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818/4 "2025-05-29T21:40:47Z")
@Massimo, Sorry, for the delay in replying. I’ll look into this tomorrow (Friday) with @ben and we’ll find out what’s going on and get a fix in for the next build if it needs it! ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [May 30, 2025, 1:14pm UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818/5 "2025-05-30T13:14:34Z")
> [@Massimo](#): > > When you set a size for the border (in my case the bottom border) but leave the color set to “No color” it happens that in the editor you see a gray border (see screenshot). I need to overwrite that style in the editor and make it actually transparent if no color is set. How can I do it? Currently, if you set the border color to **“No Color”** , [Elements](https://elementsapp.io/) will fall back to the default Tailwind border color — which is a **light grey**. **✅ Solution: Transparent Border** If you need the border to be truly **transparent** , you can: - Select **any color** , and - Set its **opacity to 0%** Here’s what that looks like: ![CleanShot 2025-05-30 at 15.04.04@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/f/dfcd291ee0f297cd253edaafd260121fad3b0a4f.png) > [@Massimo](#): > > possible to overwrite that style by inserting CSS Yes! You can use the **Advanced → CSS Classes** field to apply custom styles. For example, with the **Container** component (which has a bit more internal structure), you can use this class to specifically target the border and make it transparent: `[&_div:last-child]:border-b-transparent ` This ensures the bottom border of the last inner div is fully transparent. ![CleanShot 2025-05-30 at 15.10.05@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/b/eb13c679929063a2d86beeaa4358a3c782267be0.png) Of course, depending on your use-case and/or what you’re trying to achieve, you might need to tweak this class to fit your exact needs 🙂 ---
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 30, 2025, 1:55pm UTC](https://forums.realmacsoftware.com/t/the-border-with-color-no-color-is-shown-in-gray-color/47818/6 "2025-05-30T13:55:43Z")
Great! Thank you.