>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3554138. --> Reported by: [pameeela](https://www.drupal.org/user/1431110) Related to !96 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>In trying to reproduce the newsletter block with the Mailchimp element, I was able to get very close using a group with heading, text and the form. But the text element automatically has a <code>&lt;p&gt;</code> tag which adds top and bottom margin and throws off the spacing.</p> <p>We can clear the margin from the first and last child of the elements within the rich text area to allow for this and use the group items spacing to control it. If it messes with the spacing of other things that are relying on the top and bottom margin, they should be updated to use the group.</p> <p>Initially just intended to do the above but at the same time decide to refactor to use Tailwind within the template as much as possible. Have accordingly removed the unneeded CSS files and rules that were in place before.</p> <p>Before:<br> <img src="https://www.drupal.org/files/issues/2025-10-24/Screenshot%202025-10-24%20at%202.33.07%E2%80%AFpm.png" alt=""></p> <p>After:<br> <img src="https://www.drupal.org/files/issues/2025-10-24/Screenshot%202025-10-24%20at%202.32.54%E2%80%AFpm.png" alt=""></p>