From fbd6e8fa97fd14358888ed08adef7c4e77fc848a Mon Sep 17 00:00:00 2001
From: L-Sun <zover.v@gmail.com>
Date: Mon, 14 Jul 2025 18:51:20 +0800
Subject: [PATCH] fix(editor): use inline-block style for inline comment
 (#13204)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### PR Dependency Tree


* **PR #13204** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Updated the display behavior of inline comments to improve their
alignment and appearance within text.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 blocksuite/affine/inlines/comment/src/inline-comment.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/blocksuite/affine/inlines/comment/src/inline-comment.ts b/blocksuite/affine/inlines/comment/src/inline-comment.ts
index 37dde139f..1e4aafbd9 100644
--- a/blocksuite/affine/inlines/comment/src/inline-comment.ts
+++ b/blocksuite/affine/inlines/comment/src/inline-comment.ts
@@ -22,8 +22,11 @@ import { isEqual } from 'lodash-es';
 })
 export class InlineComment extends WithDisposable(ShadowlessElement) {
   static override styles = css`
+    inline-comment {
+      display: inline;
+    }
+
     inline-comment.unresolved {
-      display: inline-block;
       background-color: ${unsafeCSSVarV2('block/comment/highlightDefault')};
       border-bottom: 2px solid
         ${unsafeCSSVarV2('block/comment/highlightUnderline')};