The Image block alignment is not proper

[viralsampat-multidots]

Description
Hello Team,

I have worked on the "image" block and found that its alignment setting is not displaying properly.

Step-by-step reproduction instructions

1. Go to page Type / to choose a block
2. Select the Image block
3. Upload Image
4. Change its alignment to "Align Right" from "components-toolbar-group."
5. Update. Page
6. Check front view.

Expected behavior
Front-end

Screenshots
Front-end

Environment info
Device: Macbook M1
OS: 13.6.1 (22G313)
Browser: Google Chrome
Version 119.0.6045.159 (Official Build) (arm64)
WordPress version: 6.4.1 running, Gutenberg 17.1.3, Theme active: Twenty Twenty-Four,

Thanks,

[carolinan]

Hi
This is not an issue with the theme, but a known issue with the image block.
The image block does not have CSS for clearing floated elements. It is also difficult to add this type of clear to the block itself because it would change how the image block works on existing sites, breaking site layouts.

To solve this in any block theme, add the image to a container like a group block.