> For the complete documentation index, see [llms.txt](https://docs.divitemp.com/divitemp-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.divitemp.com/divitemp-doc/divitemps-layouts/blogkit/fix-email-optin-form.md).

# 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="/files/hdUMGpU3PGt6qQxvfuMi" alt=""><figcaption></figcaption></figure>

### Step 03:

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

<figure><img src="/files/n4QpWqAzb8FTsokzfvCz" alt=""><figcaption></figcaption></figure>

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