From fa6f3e8b7cdb51e4c0db0f6ae19c5d6b9a1691a8 Mon Sep 17 00:00:00 2001
From: Anto59290 <antonin59290@hotmail.com>
Date: Fri, 9 Jan 2026 15:26:54 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20fix=20icon=20position?=
 =?UTF-8?q?=20in=20callout=20block?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Make sure the icon in the callout block is aligned to the top instead of
centered when we have multi-line content.

Signed-off-by: Anto59290 <antonin59290@hotmail.com>
---
 CHANGELOG.md                                               | 1 +
 .../doc-editor/components/custom-blocks/CalloutBlock.tsx   | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 10eca5f0..82e409e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@ and this project adheres to
 - ✅(backend) reduce flakiness on backend test #1769
 - 🐛(frontend) fix clickable main content regression #1773
 - 🐛(backend) fix TRASHBIN_CUTOFF_DAYS type error #1778
+- 💄(frontend) fix icon position in callout block #1779
 
 ### Security
 
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
index 4a54ca96..6fb076d7 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
@@ -97,7 +97,12 @@ const CalloutComponent = ({
       `}
     >
       <CalloutBlockStyle />
-      <Box $position="relative">
+      <Box
+        $position="relative"
+        $css={css`
+          align-self: start;
+        `}
+      >
         <BoxButton
           contentEditable={false}
           onClick={toggleEmojiPicker}