# ReCaptcha Button Misaligned

**URL:** <https://community.hubspot.com/t/recaptcha-button-misaligned/24766>\
**Category:** Blog, Website & Page Publishing\
**Tags:** landing-pages\
**Created:** [August 28, 2020, 4:51pm UTC](https://community.hubspot.com/t/recaptcha-button-misaligned/24766 "2020-08-28T16:51:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lc123](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lc123/32/87988_2.png) [@lc123](https://community.hubspot.com/u/lc123)\
**Post date:** [August 28, 2020, 4:51pm UTC](https://community.hubspot.com/t/recaptcha-button-misaligned/24766/1 "2020-08-28T16:51:21Z")

</div>

Hi,

When creating my landing page, I noticed that the captcha button is misaligned from my submit button. Any ideas as to how I can edit this in the back-end to that both are aligned?

Thank you

 ![30847i217B091A408176CA.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/8/a8cd93c2beeb5462d30bb14152aabf494d3eac3e.png)

---

<div class="post-metadata">

**Author:** ![Jake\_Lett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jake_lett/32/45178_2.png) [@Jake\_Lett](https://community.hubspot.com/u/Jake_Lett)\
**Post date:** [August 29, 2020, 7:49am UTC](https://community.hubspot.com/t/recaptcha-button-misaligned/24766/2 "2020-08-29T07:49:13Z")

</div>

Would it be possible for you to share a URL of the page with the form? The solution depends on if you are using the prebuilt hubspot form styles or a custom form javascript embed. If it is the later, you would need to make a change to the frontend CSS code to make the adjustment.

* * *

**Jacob Lett**

[Freelance HubSpot CMS Developer & Web Designer](https://bootstrapcreative.com/hubspot-designer/?utm_source=HubSpotCommunity&utm_term=tagline)

* * *

[  
  ![28844i368E9AAC739341A8.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/0/0fa6bcd420e080a29fc75d42359cf2879b6e162d.png)  
 ](https://bootstrapcreative.com/hubspot-designer/?utm_source=HubSpotCommunity&utm_term=logo)

Located in Michigan, USA

[**Need a custom HubSpot theme or template? ›**](https://bootstrapcreative.com/contact-us/?utm_source=HubSpotCommunity&utm_term=need%20custom%20theme)

---

<div class="post-metadata">

**Author:** ![lc123](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lc123/32/87988_2.png) [@lc123](https://community.hubspot.com/u/lc123)\
**Post date:** [August 30, 2020, 3:40pm UTC](https://community.hubspot.com/t/recaptcha-button-misaligned/24766/3 "2020-08-30T15:40:12Z")

</div>

Hi Jacob,

Here is the URL: [https://info.buspatrol.com/discovery-form-suffolk-0](https://info.buspatrol.com/discovery-form-suffolk-0)

Thank you

Lo

---

<div class="post-metadata">

**Author:** ![Jake\_Lett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jake_lett/32/45178_2.png) [@Jake\_Lett](https://community.hubspot.com/u/Jake_Lett)\
**Post date:** [August 31, 2020, 8:13am UTC](https://community.hubspot.com/t/recaptcha-button-misaligned/24766/4 "2020-08-31T08:13:24Z")

</div>

Hi Lo,

After looking at the form it is not embedded inside an iframe which is good because it gives you the ability to adjust the styling.

Look in the stylesheet **sr-base.min.css** for the following CSS rule.

.grecaptcha-badge {  
margin-left: 180px !important;

}

**Change it to this if you want recaptcha centered**

.grecaptcha-badge {  
margin: 0 auto;

}

**Or change it to this if you want to control the alignment by changing the left margin percent value**

.grecaptcha-badge {  
margin: 0 0 0 45%;

}

* * *

**Jacob Lett**

[Freelance HubSpot CMS Developer & Web Designer](https://bootstrapcreative.com/hubspot-designer/?utm_source=HubSpotCommunity&utm_term=tagline)

* * *

[  
  ![28844i368E9AAC739341A8.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/0/0fa6bcd420e080a29fc75d42359cf2879b6e162d.png)  
 ](https://bootstrapcreative.com/hubspot-designer/?utm_source=HubSpotCommunity&utm_term=logo)

Located in Michigan, USA

[**Need a custom HubSpot CMS template? ›**](https://bootstrapcreative.com/contact-us/?utm_source=HubSpotCommunity&utm_term=custom%20template)