From 5d22705cb9ab9540670a621bd5f16bd4c0902018 Mon Sep 17 00:00:00 2001
From: Alquen Sarmiento <sarmientoalquen@gmail.com>
Date: Tue, 7 Oct 2025 18:46:43 +0800
Subject: [PATCH] fix: use margin for the alignment of native image block

---
 src/block/column/editor.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/block/column/editor.scss b/src/block/column/editor.scss
index 1b1d716c6f..7dd18cb635 100644
--- a/src/block/column/editor.scss
+++ b/src/block/column/editor.scss
@@ -54,3 +54,19 @@
 .wp-block-stackable-column {
 	min-width: 0;
 }
+
+/**
+* Add support for native image block alignment inside inner column
+* using margin, since it uses display: block in the editor.
+*
+* @see https://github.com/gambitph/Stackable/issues/3610
+*/
+.wp-block-stackable-column .wp-block-image {
+	.components-resizable-box__container {
+		&,
+		img {
+			margin-left: var(--stk-alignment-margin-left, auto);
+			margin-right: var(--stk-alignment-margin-right, auto);
+		}
+	}
+}