Change the text direction to Rtl
Change the text direction - add dir="rtl" in the attributes component settings:
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeoj6ws6gm4m_1uyrr10.png)
Add space between the email field and the button
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromee5wvedrarv_10m9qd1.png)
Just copy and paste the following code in the advanced CSS component settings:
![](https://storage.crisp.chat/users/upload/session/7a748a04d6494400/chrome06zq17n78x_5unc89.png)
Change icon to point to the left and add spacing
Just copy and paste the following code in the advanced CSS component settings:
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeynecy6duuz_1r4xysy.gif)
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeoj6ws6gm4m_1uyrr10.png)
Add space between the email field and the button
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromee5wvedrarv_10m9qd1.png)
Just copy and paste the following code in the advanced CSS component settings:
{{id}} .form__input {margin-left: 10px;}
![](https://storage.crisp.chat/users/upload/session/7a748a04d6494400/chrome06zq17n78x_5unc89.png)
Change icon to point to the left and add spacing
Just copy and paste the following code in the advanced CSS component settings:
.comps .button .icon{
margin-left: 0!important;
margin-right: 7px;
transform: rotate(180deg);
}
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeynecy6duuz_1r4xysy.gif)
Updated on: 22/12/2023
Thank you!