# BuilderComponent customization

**URL:** <https://forum.builder.io/t/buildercomponent-customization/1602>\
**Category:** Technical Questions\
**Tags:** styling\
**Created:** [January 21, 2022, 9:08am UTC](https://forum.builder.io/t/buildercomponent-customization/1602 "2022-01-21T09:08:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![radikris](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@radikris](https://forum.builder.io/u/radikris)\
**Post date:** [January 21, 2022, 9:08am UTC](https://forum.builder.io/t/buildercomponent-customization/1602/1 "2022-01-21T09:08:21Z")

</div>

Hello, I am currently learning your tool, it is great!

I made a custom model, named ‘section-test’ and using next.js with getStaticProps I fetch it, but if I would like to add some more customization, some styling (I am using TailwindCSS), how could I do that?

```auto
import { builder, BuilderComponent } from '@builder.io/react'

const MyComponent = (props) => (
  <BuilderComponent
    className="mb-10 pb-10 border-2 border-blue"
    content={props.content}
    model="section-test"
    style
  />
)

export default MyComponent

```

This way not working, can you please help me out?

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [January 21, 2022, 6:56pm UTC](https://forum.builder.io/t/buildercomponent-customization/1602/2 "2022-01-21T18:56:19Z")

</div>

Hi @radikris!

Instead of passing className to the BuilderComponent, can you try wrapping the `<BuilderComponent>` in a div, for example:

```auto
const MyComponent = (props) => (
<div className="wrapper-class-names">
  <BuilderComponent
    content={props.content}
    model="section-test"
    style
  />
</div>
)

```

You can also learn more about using Tailwind CSS with [custom components](https://forum.builder.io/t/builder-with-custom-components-based-on-bootstrap-or-tailwind/91) and Builder layers [here](https://forum.builder.io/t/tailwindcss-and-html-components/1137).

---

<div class="post-metadata">

**Author:** ![radikris](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@radikris](https://forum.builder.io/u/radikris)\
**Post date:** [January 26, 2022, 11:05am UTC](https://forum.builder.io/t/buildercomponent-customization/1602/3 "2022-01-26T11:05:38Z")

</div>

Why did I not think of that, thanks
