### [How to Correct the BE Theme Overlay on the Submit Button](https://wpforms.com/developers/how-to-correct-the-be-theme-overlay-on-the-submit-button/)

**Published:** May 7, 2021
**Author:** Editorial Team

**Excerpt:** In this article, we'll show you how to remove the BE Theme overlay applied on the submit button on your forms. 

**Content:**

## Overview

Are you using the BE Theme and noticing an overlay when you hover over your **Submit** button? This overlay is due to some default stying the theme adds to all buttons but can be easily corrected for your forms by adding a small CSS snippet.

![wpforms display before the css change](https://wpforms.com/wp-content/uploads/2021/05/wpforms-be-theme-button-hover.jpg)

## Setup

Simply copy and paste this CSS to your site. If you need assistance with adding CSS to your site, [please see this tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "How to Add Custom CSS Styles for WPForms").

```

.wpforms-page-button:after, 
.wpforms-submit:after { 
    display: none !important; 
}
```

Once the CSS has been added, you’ll no longer see that overlay on your **Submit** buttons for WPForms.

![with this css added, the overlay on submit button when you hover will no longer be visible](https://wpforms.com/wp-content/uploads/2021/05/wpforms-after-css-be-theme.jpg)

And that’s it! Would you like to try out some other CSS tutorials? Take a look at our tutorial on [How to Add CSS to the Form Field Focus](https://wpforms.com/developers/how-to-add-css-to-the-form-field-focus/ "How to Add CSS to the Form Field Focus").

**Categories:** Snippets

**Tags:** CSS

---