diff --git a/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-button.ts b/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-button.ts
index a119344088..c4320bf30c 100644
--- a/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-button.ts
+++ b/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-button.ts
@@ -104,8 +104,8 @@ export class AskAIButton extends WithDisposable(LitElement) {
         ></ask-ai-panel>`,
         computePosition: {
           referenceElement: this,
-          placement: 'top-start',
-          middleware: [flip(), offset(-40)],
+          placement: 'bottom-start',
+          middleware: [flip(), offset({ mainAxis: 8, crossAxis: -6 })],
           autoUpdate: true,
         },
       };
@@ -160,7 +160,7 @@ export class AskAIButton extends WithDisposable(LitElement) {
       computePosition: {
         referenceElement: this._askAIButton,
         placement: 'bottom-start',
-        middleware: [flip(), offset(4)],
+        middleware: [flip(), offset({ mainAxis: 8, crossAxis: -6 })],
         autoUpdate: true,
       },
       abortController: this._abortController,
diff --git a/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-panel.ts b/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-panel.ts
index 0626c07c4a..62a9f973d1 100644
--- a/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-panel.ts
+++ b/packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-panel.ts
@@ -13,7 +13,7 @@ import { getRootService } from '../../utils/selection-utils';
 export class AskAIPanel extends WithDisposable(LitElement) {
   static override styles = css`
     :host {
-      position: absolute;
+      position: relative;
     }
 
     .ask-ai-panel {