# Weird behavior with alignment and custom components

**URL:** <https://forum.builder.io/t/weird-behavior-with-alignment-and-custom-components/6950>\
**Category:** Bugs\
**Tags:** visual-editor\
**Created:** [December 11, 2024, 5:54pm UTC](https://forum.builder.io/t/weird-behavior-with-alignment-and-custom-components/6950 "2024-12-11T17:54:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bluecalx](https://avatars.discourse-cdn.com/v4/letter/b/dc4da7/32.png) [@bluecalx](https://forum.builder.io/u/bluecalx)\
**Post date:** [December 11, 2024, 5:54pm UTC](https://forum.builder.io/t/weird-behavior-with-alignment-and-custom-components/6950/1 "2024-12-11T17:54:46Z")

</div>

_Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank._

**Builder content link**

> **[Builder.io: Visual Development Platform](https://builder.io/content/8cc834e3e02e49b2a2984a9c1797918c/)**
>
> Builder is the only Visual Development Platform that offers an AI-powered design-to-code tool, a visual editor and an enterprise CMS.

**Builder public api key**  
a5a38844008049d18160afd97387d453

**Detailed steps to reproduce the bug**  
Click on the U accordion element, and view the styles. In the styles, set the alignment to ‘Fill Width’, and the margin (on both sides) to auto. Now, expand a section of the accordion, and the styles are forced to ‘Center’, and margin is set back to 125px (or some constant value like that).

**Screenshots or video link**  
_Screenshots of your issue, or even better a link to a video of what is happening. We love using loom for that sort of thing_

**Code stack you are integrating Builder with**  
Vue, Nuxt

**Reproducible code example**  
_If you are having integration errors, please link to codesandbox or copy and paste your problematic code here. The more detail the better!_