diff --git a/components/canvas/RealtimeCanvasDialog.tsx b/components/canvas/RealtimeCanvasDialog.tsx
index c8824ea11..96778e964 100644
--- a/components/canvas/RealtimeCanvasDialog.tsx
+++ b/components/canvas/RealtimeCanvasDialog.tsx
@@ -2783,14 +2783,14 @@ export function RealtimeCanvasDialog({
       <div className="pointer-events-none absolute top-6 right-6 z-50">
         <div className="pointer-events-auto rounded-full border border-black bg-black p-1 shadow-sm">
           <Button
-            className="h-9 w-9 rounded-full text-white transition hover:bg-white/10 hover:text-white"
+            className="h-7 w-7 rounded-full text-white transition hover:bg-white/10 hover:text-white"
             onClick={handleCloseRealtime}
             size="icon"
             title="关闭"
             type="button"
             variant="ghost"
           >
-            <X className="h-5 w-5" />
+            <X className="h-4 w-4" />
           </Button>
         </div>
       </div>
@@ -2911,7 +2911,7 @@ export function RealtimeCanvasDialog({
                       </div>
                       <div className="mt-2 flex items-center justify-end gap-2">
                         <Button
-                          className="h-8 rounded-xl px-4"
+                          className="h-8 rounded-xl bg-black px-4 text-white hover:bg-black/90"
                           onClick={() => void openSavedProject(project.id)}
                           size="sm"
                           type="button"