Twenty Nineteen: Alignment issue in Button block

[kajalgohel]

In Twenty Nineteen Theme, when we add Button block in editor side and change the alignment of Button then the "Align right" is not reflected in backend as well as frontend side.

Steps to replicate:
1: Activate the Twenty Nineteen Theme
2: Add Button block
3: Choose "Align right" from Align option
4: View the page/post at editor side
5: Save Page/Post
6: View the page/post at front side

For better understanding I provide video attachment link.

Video link: ​https://share.cleanshot.com/6IuBdTOGj2AwxsqaPA3C

Thanks

[kmadhak]

Added Patch for Editor Side

[varshil151189]

Patch file for the Frontend side

[ugyensupport]

I could replicate this button block issue on alignment to the right side.
How could I reproduce
Steps to replicate:
1: Activate the T20 Theme
2: Add Button block
3: Choose "Align right" from Align option
4: View the page/post on the editor side
5: Save Page/Post
6: View the page/post on the front side

WordPress Version : 6.0
Operating System: MACOS 11.6.6
Browser : Google Chrome 10.5

Props to @kajalgohel Video link: ​https://share.cleanshot.com/6IuBdTOGj2AwxsqaPA3C

[alvitazwar052]

Test Report

Patch tested: https://core.trac.wordpress.org/attachment/ticket/56138/56138.patch

Environment

• OS: macOS 12.4
• Web Server: Nginx
• PHP: 7.4.33
• WordPress: 6.3-alpha-55505-src
• Browser: Chrome
• Theme: Twenty Twenty-two, Twenty-nineteen

ScreenCast

With Twenty-nineteen Theme: ​https://www.loom.com/share/3d8d34d261f64e57ab37ac30e3d33bbf
With Twenty-Twenty-two Theme: ​https://www.loom.com/share/dde01f2dc4d74a318caa8cb3abe1a65d

Actual Results

• Right alignment issue is fixed with the patch✅