diff --git a/react-ui/src/components/KFRadio/index.less b/react-ui/src/components/KFRadio/index.less
index 0155142d..aff74e90 100644
--- a/react-ui/src/components/KFRadio/index.less
+++ b/react-ui/src/components/KFRadio/index.less
@@ -1,5 +1,3 @@
-// @import '@/styles/theme.less';
-
 .kf-radio {
   display: flex;
   align-items: center;
diff --git a/react-ui/src/components/ModalTitle/index.less b/react-ui/src/components/ModalTitle/index.less
index 24e10386..ac4d8360 100644
--- a/react-ui/src/components/ModalTitle/index.less
+++ b/react-ui/src/components/ModalTitle/index.less
@@ -1,4 +1,3 @@
-@import '@/styles/theme.less';
 .modal_title {
   display: flex;
   align-items: center;
diff --git a/react-ui/src/components/SubAreaTitle/index.less b/react-ui/src/components/SubAreaTitle/index.less
index 5683824c..5e3b7452 100644
--- a/react-ui/src/components/SubAreaTitle/index.less
+++ b/react-ui/src/components/SubAreaTitle/index.less
@@ -1,5 +1,3 @@
-@import '@/styles/theme.less';
-
 .kf-subarea-title {
   display: flex;
   align-items: center;
diff --git a/react-ui/src/global.less b/react-ui/src/global.less
index 63715440..36b95a1c 100644
--- a/react-ui/src/global.less
+++ b/react-ui/src/global.less
@@ -58,7 +58,8 @@ body {
 .ant-pro-layout .ant-pro-sider-menu {
   padding-top: 40px;
 }
-.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child,.ant-table-wrapper .ant-table-container table>tbody>tr:first-child{
+.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child,
+.ant-table-wrapper .ant-table-container table > tbody > tr:first-child {
   padding: 0 30px;
 }
 
@@ -112,6 +113,7 @@ body {
 }
 .ant-pro-layout .ant-pro-layout-container {
   height: 100vh;
+  overflow-y: hidden;
 }
 .ant-modal-confirm .ant-modal-confirm-paragraph {
   margin: 54px 0 auto;
diff --git a/react-ui/src/pages/DevelopmentEnvironment/index.tsx b/react-ui/src/pages/DevelopmentEnvironment/index.tsx
index 329c0695..c2e09d35 100644
--- a/react-ui/src/pages/DevelopmentEnvironment/index.tsx
+++ b/react-ui/src/pages/DevelopmentEnvironment/index.tsx
@@ -17,6 +17,6 @@ const DevelopmentEnvironment = () => {
     }
   };
 
-  return <iframe style={{ width: '100%', height: '81vh', border: 0 }} src={iframeUrl}></iframe>;
+  return <iframe style={{ width: '100%', height: '100%', border: 0 }} src={iframeUrl}></iframe>;
 };
 export default DevelopmentEnvironment;
diff --git a/react-ui/src/pages/Mirror/components/MirrorStatusCell/index.less b/react-ui/src/pages/Mirror/components/MirrorStatusCell/index.less
index 23c518c7..043bf411 100644
--- a/react-ui/src/pages/Mirror/components/MirrorStatusCell/index.less
+++ b/react-ui/src/pages/Mirror/components/MirrorStatusCell/index.less
@@ -1,5 +1,3 @@
-//@import '@/styles/theme.less';
-
 .mirror-status-cell {
   color: @text-color;
 
diff --git a/react-ui/src/pages/Mirror/create.less b/react-ui/src/pages/Mirror/create.less
index 0c3943eb..902e2875 100644
--- a/react-ui/src/pages/Mirror/create.less
+++ b/react-ui/src/pages/Mirror/create.less
@@ -1,5 +1,3 @@
-@import '@/styles/theme.less';
-
 .mirror-create {
   height: 100%;
 
diff --git a/react-ui/src/pages/Mirror/info.less b/react-ui/src/pages/Mirror/info.less
index eb6ecbaa..650310b6 100644
--- a/react-ui/src/pages/Mirror/info.less
+++ b/react-ui/src/pages/Mirror/info.less
@@ -1,5 +1,3 @@
-@import '@/styles/theme.less';
-
 .mirror-info {
   height: 100%;
 
diff --git a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
index 947a2bcf..fddea2b7 100644
--- a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
+++ b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
@@ -1,5 +1,3 @@
-@import '@/styles/theme.less';
-
 .model-tabs {
   margin-left: 8px;
   :global {