Drop Cap + alignment produces a gap between paragraphs

[eduardozulian]

A combination of a paragraph, a drop cap, and a right/left-aligned image produces a gap between the paragraph with the drop cap and the next paragraph.

To reproduce
Steps to reproduce the behavior:

Add an Image block, and resize the image so it’s about half the width or less of a normal block. For best results, make the image slightly less wide than the screen of your mobile device (or one you'll check in inspect element). I made this image 344x281 px and viewed it via inspect element with the Pixel 2 profile, 411x&731.
Right-align the Image block.
Click below the Image block, in an attempt to add a new block.
See a new Paragraph block appear to the left of the small Image block. Add some text, and use a Drop Cap.

1. Create a new post using Gutenberg, or use an existing post.
2. Add a paragraph with a right or left-aligned image that's taller than the paragraph
3. Choose to use the drop cap option

Expected behavior

To see the text in a good flow. Example:

What happened instead

It produces a gap between the first paragraph (with the drop cap) and the second one:

This is coming from:

.has-drop-cap:not(:focus):after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px;
}

Reproduced on both WordPress.com and Jurassic Ninja.

Desktop (please complete the following information):

• OS: Mac OS
• Browser: Chrome, Safari, and FF