diff --git a/packages/nc-gui/components/erd/RelationEdge.vue b/packages/nc-gui/components/erd/RelationEdge.vue
index b609be1d7c..ea62c5b193 100644
--- a/packages/nc-gui/components/erd/RelationEdge.vue
+++ b/packages/nc-gui/components/erd/RelationEdge.vue
@@ -66,7 +66,7 @@ export default {
     class="opacity-100 hover:(opacity-0)"
     :class="selected ? 'opacity-0' : ''"
     :style="style"
-    :stroke-width="4"
+    :stroke-width="3"
     fill="none"
     :d="edgePath[0]"
   />
@@ -74,7 +74,7 @@ export default {
     class="opacity-0 hover:(opacity-100 transition-all duration-100 ease)"
     :class="selected ? 'opacity-100' : ''"
     style="stroke: url(#linear-gradient)"
-    :stroke-width="8"
+    :stroke-width="7"
     fill="none"
     :d="edgePath[0]"
   />
diff --git a/packages/nc-gui/components/smartsheet/toolbar/Erd.vue b/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
index 0046d9041b..92dcead2ec 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
@@ -42,3 +42,9 @@ const selectedView = inject(ActiveViewInj)
     </div>
   </a-modal>
 </template>
+
+<style>
+.ant-modal {
+  @apply !top-[50px];
+}
+</style>