From fde97dcf78c89b651e912df19b132c442e63d8a2 Mon Sep 17 00:00:00 2001
From: fundon <fundon@pindash.io>
Date: Wed, 2 Apr 2025 13:11:33 +0000
Subject: [PATCH] fix(editor): improve some experiences on note toolbar
 (#11413)

Closes: [BS-3004](https://linear.app/affine-design/issue/BS-3004/page-block-ui-adjust)
---
 blocksuite/affine/blocks/block-note/src/configs/toolbar.ts | 6 +++---
 blocksuite/affine/components/src/toolbar/tooltip.ts        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/blocksuite/affine/blocks/block-note/src/configs/toolbar.ts b/blocksuite/affine/blocks/block-note/src/configs/toolbar.ts
index 178791643e..dc13d2cefa 100644
--- a/blocksuite/affine/blocks/block-note/src/configs/toolbar.ts
+++ b/blocksuite/affine/blocks/block-note/src/configs/toolbar.ts
@@ -110,8 +110,8 @@ const builtinSurfaceToolbarConfig = {
         );
         const label$ = computed(() =>
           firstModel.props.displayMode$.value === NoteDisplayMode.EdgelessOnly
-            ? 'Display In Page'
-            : 'Displayed In Page'
+            ? 'Display in Page'
+            : 'Displayed in Page'
         );
         const onSelect = () => {
           const newMode =
@@ -547,7 +547,7 @@ function setDisplayMode(
   const notification = ctx.std.getOptional(NotificationProvider);
   notification?.notify({
     title: data.title,
-    message: `${data.message}. Find it in the TOC for quick navigation.`,
+    message: `${data.message} Find it in the TOC for quick navigation.`,
     accent: 'success',
     duration: 5 * 1000,
     footer: html`<div class=${styles.viewInPageNotifyFooter}>
diff --git a/blocksuite/affine/components/src/toolbar/tooltip.ts b/blocksuite/affine/components/src/toolbar/tooltip.ts
index a516ea62b7..99aad4dd5f 100644
--- a/blocksuite/affine/components/src/toolbar/tooltip.ts
+++ b/blocksuite/affine/components/src/toolbar/tooltip.ts
@@ -29,7 +29,7 @@ const styles = css`
 
     overflow-wrap: anywhere;
     white-space: normal;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .arrow {