I have this below HTML page in LWC -

<lightning-layout multiple-rows="true">
            <lightning-layout-item padding="horizontal-small" size="4">
                <div class="borderclass">
                    Owner : <br/>

And below is the CSS -

.borderclass {
  border-radius: 50%;

I want to create a border around the lightning-layout-item. But it is not working.

1 Answer 1


You need an actual border for it to be effective:

.borderclass {
  border-radius: 50%;
  border: 1px solid red;

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .