Hi @budang haba, 

Update the below Class in your application to change the color or hide the top border as per your requirement.

.section-expandable.is--open 

Thanks,
Vignesh Prakash.

Hi @budang haba 
You can use this class to remove or change the border-top property when the accordion is open. Just past this css in the application theme. 

.osui-accordion-item--is-open::after{

  border-top: none;

}

You can change the class to customize as your requirements.

Hi, You can try to override using below CSS. Hope this helps

Hello,

Removing the border variable define may cause other issue, if it is being used somewhere else as well,

Instead of that you can just remove the border from the accordion that you want,

Also if you use apply directly to the page replacing the existing css it will override for all accordion on the page,

If you want it specifically for accordions the just wrap your accordion into a container and give a class to it and apply it like this 

.accordion-wrapper .osui-accordion-item--is-open::after {
border-color:transparent;
}

https://personal-ejuytnht.outsystemscloud.com/TestApp/Screen1?_ts=638513007189569220

Thanks
Tousif Khan

Hi budnag

I have solved the same problem using this css.

.osui-accordion-item {

    --accordion-active-border-size: 0px !important;    

}

just paste this css on the screen where you have used the accordion. and this will resolve the issue.