# Two charts side by side

**URL:** <https://community.noloco.io/t/two-charts-side-by-side/363>\
**Category:** Ask for Help\
**Created:** [March 8, 2024, 9:24am UTC](https://community.noloco.io/t/two-charts-side-by-side/363 "2024-03-08T09:24:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kieran](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/kieran/32/91_2.png) [@Kieran](https://community.noloco.io/u/Kieran)\
**Post date:** [March 8, 2024, 9:24am UTC](https://community.noloco.io/t/two-charts-side-by-side/363/1 "2024-03-08T09:24:59Z")

</div>

![Screenshot 2024-03-08 at 09.19.46](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/6b07a4120cb8828092b3c91fb1bdc8a1e33ee33f.png)

Hi Everyone, anyone know how to control the padding around the chart objects ? The best I could do was setting each chart to 50% width but the left one is hard left and the right one is hovering around the centre. In a dashboard users expect to see a few charts side to side.

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [March 8, 2024, 9:49am UTC](https://community.noloco.io/t/two-charts-side-by-side/363/2 "2024-03-08T09:49:05Z")

</div>

Hey @Kieran there’s two ways to go about this.

Firstly, you can add multiple charts to the same “Component” that might be the best solution here.

The second thing, what you’ve done is made two sections, who’s widths are 50%, which is great, but then you need to update the width of the charts within the sections.

You should be able to make them 100% in this case, to fill the entire container

![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/6422d1bc4207ee10993fb23a4c7e8c43204410a9.png)

---

<div class="post-metadata">

**Author:** ![Kieran](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/kieran/32/91_2.png) [@Kieran](https://community.noloco.io/u/Kieran)\
**Post date:** [March 8, 2024, 9:55am UTC](https://community.noloco.io/t/two-charts-side-by-side/363/3 "2024-03-08T09:55:12Z")

</div>

Amazing thanks @darragh