# Fix Email Optin Form

### Step 01:

Open Supplementary Folder & Copy that Custom CSS Code. *Or you can copy from below.*

```css
@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 165px !important;
	}
	/*set the width of the input field minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc(100% - 165px) !important;
	}
}

.custom-opt p.et_pb_newsletter_field {
    min-width: 100%;
}
.custom-opt p.et_pb_newsletter_button_wrap {
    min-width: 100%;
}
```

{% hint style="info" %}
**Note:** This is just for Email Optin Module. If you'd like to use the section which has Email Optin Module then use this CSS, otherwise leave it.
{% endhint %}

### Step 02:

Login to your WordPress Dashboard & Hover Divi Tab, then Click "Theme Option".

<figure><img src="https://2983048595-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FloLV6qYISx0A96VEdCHV%2Fuploads%2FzvYYPfQgZeJa5BsCRN7M%2FDivi%20Theme%20Option.png?alt=media&#x26;token=845b7f9c-bab9-4ddd-9ff3-c2fda4db33a1" alt=""><figcaption></figcaption></figure>

### Step 03:

Scroll to the Bottom & Paste that Custom CSS Code right here. That's It!

<figure><img src="https://2983048595-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FloLV6qYISx0A96VEdCHV%2Fuploads%2FJLK48o3TwhwmIvMzUww3%2FTheme%20Option%20Code%20Paste.png?alt=media&#x26;token=684f9347-291c-4d7f-8971-dbe13bd3f4da" alt=""><figcaption></figcaption></figure>

**That's It**! **You're Done 😎**