chore: adjust padding of ask ai panel (#7287)

Related PR: https://github.com/toeverything/blocksuite/pull/7389

packages/frontend/core/src/blocksuite/presets/ai/_common/components/ask-ai-panel.ts

@@ -2,6 +2,7 @@ import { type EditorHost, WithDisposable } from '@blocksuite/block-std';
 import {
   type AIItemGroupConfig,
   EdgelessRootService,
+  scrollbarStyle,
 } from '@blocksuite/blocks';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
@@ -18,28 +19,20 @@ export class AskAIPanel extends WithDisposable(LitElement) {
 
     .ask-ai-panel {
       box-sizing: border-box;
-      padding: 8px;
+      padding: 8px 4px 8px 8px;
       max-height: 374px;
       overflow-y: auto;
       background: var(--affine-background-overlay-panel-color);
       box-shadow: var(--affine-shadow-2);
       border-radius: 8px;
       z-index: var(--affine-z-index-popover);
+      scrollbar-gutter: stable;
     }
 
-    .ask-ai-panel::-webkit-scrollbar {
+    ${scrollbarStyle('.ask-ai-panel')}
-      width: 5px;
-      max-height: 100px;
-    }
-    .ask-ai-panel::-webkit-scrollbar-thumb {
-      border-radius: 20px;
-    }
     .ask-ai-panel:hover::-webkit-scrollbar-thumb {
       background-color: var(--affine-black-30);
     }
-    .ask-ai-panel::-webkit-scrollbar-corner {
-      display: none;
-    }
   `;
 
   @property({ attribute: false })