diff --git a/libs/components/affine-board/src/hooks/use-shapes.ts b/libs/components/affine-board/src/hooks/use-shapes.ts
index d3ff9e028a..d2010ffc76 100644
--- a/libs/components/affine-board/src/hooks/use-shapes.ts
+++ b/libs/components/affine-board/src/hooks/use-shapes.ts
@@ -109,7 +109,7 @@ export const useShapes = (workspace: string, rootBlockId: string) => {
                 parentId: rootBlockId,
                 ...shapeProps,
                 id: block.id,
-                style: { ...defaultStyle },
+                style: { ...defaultStyle, ...(shapeProps.style || {}) },
                 workspace,
             };
         } else {
@@ -128,6 +128,7 @@ export const useShapes = (workspace: string, rootBlockId: string) => {
 
         return acc;
     }, {} as Record<string, TDShape>);
+    console.log('useShapes', blocksShapes);
 
     return {
         shapes: blocksShapes,
diff --git a/libs/components/board-draw/src/components/command-panel/BorderColorConfig.tsx b/libs/components/board-draw/src/components/command-panel/BorderColorConfig.tsx
index 15d6eadc18..eb544869cf 100644
--- a/libs/components/board-draw/src/components/command-panel/BorderColorConfig.tsx
+++ b/libs/components/board-draw/src/components/command-panel/BorderColorConfig.tsx
@@ -35,6 +35,8 @@ const _getIconRenderColor = (shapes: TDShape[]) => {
 
 export const BorderColorConfig = ({ app, shapes }: BorderColorConfigProps) => {
     const setBorderColor = (color: string) => {
+        console.log('shapes', shapes, color);
+
         app.style({ stroke: color }, getShapeIds(shapes));
     };