diff --git a/apps/core/src/components/affine/setting-modal/general-setting/plugins/index.tsx b/apps/core/src/components/affine/setting-modal/general-setting/plugins/index.tsx
index bcbc2cc90..9442a6624 100644
--- a/apps/core/src/components/affine/setting-modal/general-setting/plugins/index.tsx
+++ b/apps/core/src/components/affine/setting-modal/general-setting/plugins/index.tsx
@@ -8,6 +8,8 @@ import { useAtomValue } from 'jotai';
import type { FC, ReactNode } from 'react';
import { useRef } from 'react';
+import { pluginItem } from './style.css';
+
const PluginSettingWrapper: FC<{
id: string;
title?: ReactNode;
@@ -45,7 +47,9 @@ export const Plugins = () => {
data-testid="plugins-title"
/>
{allowedPlugins.map(plugin => (
-
+
))}
>
);
diff --git a/apps/core/src/components/affine/setting-modal/general-setting/plugins/style.css.ts b/apps/core/src/components/affine/setting-modal/general-setting/plugins/style.css.ts
index d48509003..36bf3031c 100644
--- a/apps/core/src/components/affine/setting-modal/general-setting/plugins/style.css.ts
+++ b/apps/core/src/components/affine/setting-modal/general-setting/plugins/style.css.ts
@@ -7,3 +7,10 @@ export const settingWrapper = style({
minWidth: '150px',
maxWidth: '250px',
});
+
+export const pluginItem = style({
+ borderBottom: '1px solid var(--affine-border-color)',
+ transition: '0.3s',
+ padding: '24px 8px',
+ fontSize: 'var(--affine-font-sm)',
+});
diff --git a/plugins/copilot/src/UI/debug-content.tsx b/plugins/copilot/src/UI/debug-content.tsx
index a5a3e80d7..8a01282c2 100644
--- a/plugins/copilot/src/UI/debug-content.tsx
+++ b/plugins/copilot/src/UI/debug-content.tsx
@@ -11,6 +11,8 @@ export const DebugContent = (): ReactElement => {
{
@@ -18,6 +20,7 @@ export const DebugContent = (): ReactElement => {
},
[setKey]
)}
+ placeholder="Enter your API_KEY here"
/>