diff --git a/packages/editor/demo/react-iframe/index.html b/packages/editor/demo/react-iframe/index.html
index 5f1b985421..fcb64cb852 100644
--- a/packages/editor/demo/react-iframe/index.html
+++ b/packages/editor/demo/react-iframe/index.html
@@ -6,16 +6,16 @@
     <title>editor react | in iframe</title>
     <style>
       body {
-        background-color: #ffbe5e;
+        background-color: #faf5f0;
         text-align: center;
+        padding: 0;
+        margin: 0;
       }
       iframe {
         border: none;
         width: calc(100vw - 7rem);
-        height: calc(100vh - 7rem);
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 1rem;
+        height: calc(100vh - 5rem);
+        margin-inline: auto;
         background-color: white;
         padding: 2rem;
         max-width: 800px;