diff --git a/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx b/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx
index 89cbe73bd..6d29f9ffb 100644
--- a/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx
+++ b/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx
@@ -21,7 +21,12 @@ export const BlockQuoteElement = forwardRef(
         const isEmpty = EditorCommands.isNodeEmpty(editor, element);
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.BlockQuoteElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.BlockQuoteElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <blockquote
                     className={classNames(className, styles.Quote, {
diff --git a/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx b/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx
index fc8ff1522..dbc358724 100644
--- a/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx
+++ b/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx
@@ -42,7 +42,12 @@ export const CalloutElement = forwardRef(
         const isSelected = useSelected();
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.CalloutElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.CalloutElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <div
                     className={classNames(className, styles.Callout, {