diff --git a/components/canvas/RealtimeCanvasDialog.tsx b/components/canvas/RealtimeCanvasDialog.tsx
index 2e20831fa..29c1315b6 100644
--- a/components/canvas/RealtimeCanvasDialog.tsx
+++ b/components/canvas/RealtimeCanvasDialog.tsx
@@ -2924,7 +2924,7 @@ export function RealtimeCanvasDialog({
                     <Layers3 className="h-4 w-4" />
                   </div>
                 </div>
-                <div className="mt-2 flex-1 space-y-2 overflow-y-auto px-1 py-1">
+                <div className="mt-2 flex flex-1 flex-col items-center space-y-2 overflow-y-auto py-1">
                   {imageLayers.length === 0 ? (
                     <div className="rounded-2xl border border-dashed border-black/10 px-1 py-4 text-center text-[10px] leading-4 text-zinc-400">
                       暂无图层
@@ -2936,7 +2936,7 @@ export function RealtimeCanvasDialog({
                         type="button"
                         draggable
                         className={cn(
-                          "mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-[18px] p-1.5 transition hover:bg-zinc-50",
+                          "flex h-12 w-12 shrink-0 items-center justify-center rounded-[18px] p-1.5 transition hover:bg-zinc-50",
                           selectedLayerId === layer.id
                             ? "bg-zinc-100 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)]"
                             : ""