diff --git a/components/editor/intelli/menu/menu-bubble.jsx b/components/editor/intelli/menu/menu-bubble.jsx
index 0e44461..81e6199 100644
--- a/components/editor/intelli/menu/menu-bubble.jsx
+++ b/components/editor/intelli/menu/menu-bubble.jsx
@@ -13,7 +13,10 @@ export const MenuBubble = ({ editor }) => {
   // 根据长度优化
   return <BubbleMenu className={'ToggleGroup'} editor={editor} tippyOptions={{ duration: 100 }}>
     {selectLength < 64 && <div className={'BubbleMenuGroup'}>
-      <button>扩写</button>
+      <button
+        value="left" aria-label="Left aligned"
+        className={editor.isActive('bold') ? 'is-active BubbleMenuItem' : 'BubbleMenuItem'}
+      >扩写</button>
     </div>
     }
     {selectLength > 64 && <div className={'BubbleMenuGroup'}>
diff --git a/pages/editor.css b/pages/editor.css
index 0f9d592..1da5bc0 100644
--- a/pages/editor.css
+++ b/pages/editor.css
@@ -51,7 +51,7 @@
     margin: 2rem 0;
 }
 
-button {
+.tiptap button {
     all: unset;
 }
 
@@ -219,8 +219,7 @@ button {
 }
 
 .ProseMirror-focused {
-    border: 1px solid rgb(128, 128, 128);
-    outline: none;
+    outline: #0d0d0d;
 }
 
 .ProseMirror p {