# Price Table Toggle Alignment

**URL:** https://community.elfsight.com/t/price-table-toggle-alignment/13018
**Category:** General Questions
**Tags:** pricing-table
**Created:** [March 1, 2023, 11:36am UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018 "2023-03-01T11:36:30Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![J112](https://avatars.discourse-cdn.com/v4/letter/j/13edae/32.png) [@J112](https://community.elfsight.com/u/J112)
#### Post date: [March 1, 2023, 11:36am UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/1 "2023-03-01T11:36:30Z")

</div>

Hi everyone,

The monthly / yearly toggle buttons for the pricing table applications are not aligned on Squarespace as shown in the image attached.

The design appears fine in Elfsight but once the code is copied into Squarespace, the toggle buttons are not properly aligned.

Any ideas why this may be the case and how to resolve the issue?

 ![Squarespace](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/b/be741757e5bcafe281d47938146f4c772471ecbd.png)

Thanks!

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [March 1, 2023, 12:57pm UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/3 "2023-03-01T12:57:40Z")

</div>

Hello @J112! We are so happy that you decided to join us! Welcome to Community ❤ ☀

I am terribly sorry about the issue!

We’ll be happy to help! Could you please provide me with a direct link to the webpage where the widget is installed?

---

<div class="post-metadata">

### Author: ![Lee6](https://avatars.discourse-cdn.com/v4/letter/l/d2c977/32.png) [@Lee6](https://community.elfsight.com/u/Lee6)
#### Post date: [December 21, 2023, 3:43pm UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/4 "2023-12-21T15:43:14Z")

</div>

I’m having the same issue.  
[https://tangerine-herring-3sc2.squarespace.com/pricing](https://tangerine-herring-3sc2.squarespace.com/pricing)

 ![Screenshot 2023-12-21 at 9.42.03 AM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/4/4799c4c7838391a5ef4d42695324e5f9e3de477d.jpeg)

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [December 21, 2023, 4:01pm UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/5 "2023-12-21T16:01:47Z")

</div>

Welcome to the Community @Lee6 👋

Your request is now with our devs! I’ll keep you abreast of any changes 🙂

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [December 22, 2023, 10:04am UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/6 "2023-12-22T10:04:02Z")

</div>

Hi @Lee6 👋

We’ve fixed the issue by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

```auto
.eapps-pricing-table-toggle-item:last-child {
  margin-bottom: 10px !important;
}

```

Check it out and let me know if it helped 🙂

---

<div class="post-metadata">

### Author: ![Lee6](https://avatars.discourse-cdn.com/v4/letter/l/d2c977/32.png) [@Lee6](https://community.elfsight.com/u/Lee6)
#### Post date: [December 22, 2023, 3:42pm UTC](https://community.elfsight.com/t/price-table-toggle-alignment/13018/7 "2023-12-22T15:42:37Z")

</div>

Excellent! Thank you. 😃
