diff --git a/packages/nc-gui/components/dashboard/settings/Erd.vue b/packages/nc-gui/components/dashboard/settings/Erd.vue
index 4ccfe17aeb..e8ca1d8bd8 100644
--- a/packages/nc-gui/components/dashboard/settings/Erd.vue
+++ b/packages/nc-gui/components/dashboard/settings/Erd.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-full !py-0 !px-2" style="height: 70vh">
+  <div class="w-full h-full !p-0 h-70vh">
     <ErdView />
   </div>
 </template>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/Erd.vue b/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
index a201cf8836..ea1b24bc49 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/Erd.vue
@@ -35,7 +35,7 @@ const selectedView = inject(ActiveViewInj)
       </div>
     </div>
 
-    <div class="w-full h-full !py-0 !px-2" style="height: 70vh">
+    <div class="w-full h-70vh">
       <LazyErdView :table="meta" />
     </div>
   </a-modal>