diff --git a/packages/ui/src/components/Dialog.svelte b/packages/ui/src/components/Dialog.svelte
index e2bd87c7b9..f2ad72721f 100644
--- a/packages/ui/src/components/Dialog.svelte
+++ b/packages/ui/src/components/Dialog.svelte
@@ -33,10 +33,10 @@
 
 <div class="dialog-container">
   <form class="dialog" on:submit|preventDefault={() => { okAction(); dispatch('close') }}>
-    <div class="flex-between header">
+    <!-- <div class="flex-between header">
       <div class="title"><Label {label} /></div>
       <div class="tool" on:click={() => { dispatch('close') }}><Close size={'small'} /></div>
-    </div>
+    </div> -->
     <div class="content">
       <ScrollBox vertical stretch><slot /></ScrollBox>
     </div>
@@ -60,9 +60,10 @@
     .dialog {
       display: flex;
       flex-direction: column;
+      margin-top: 100px;
       width: 45rem;
-      min-height: 100vh;
-      max-height: 100vh;
+      min-height: calc(100vh - 100px);
+      max-height: calc(100vh - 100px);
       background-color: var(--theme-bg-color);
       border-radius: 1.875rem 0 0 1.875rem;
       box-shadow: 0px 3.125rem 7.5rem rgba(0, 0, 0, .4);
diff --git a/packages/ui/src/components/Popup.svelte b/packages/ui/src/components/Popup.svelte
index f5aebcb0e6..4c99455bc1 100644
--- a/packages/ui/src/components/Popup.svelte
+++ b/packages/ui/src/components/Popup.svelte
@@ -48,7 +48,8 @@
         }
         if (rect.left > document.body.clientWidth - rect.right) {
           // style += 'left'
-          modalHTML.style.right = document.body.clientWidth - rect.right + 'px'
+          // modalHTML.style.right = document.body.clientWidth - rect.right + 'px'
+          modalHTML.style.right = '0px'
         } else {
           // style += 'right'
           modalHTML.style.left = rect.left + 'px'