diff --git a/package-lock.json b/package-lock.json
index 47eecfe..68f92a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
         "@ant-design/icons": "5.6.0",
         "@monaco-editor/react": "4.6.0",
         "@originjs/vite-plugin-federation": "1.3.6",
-        "@prorobotech/openapi-k8s-toolkit": "^0.0.1-alpha.30",
+        "@prorobotech/openapi-k8s-toolkit": "^0.0.1-alpha.31",
         "@readme/openapi-parser": "4.0.0",
         "@reduxjs/toolkit": "2.2.5",
         "@tanstack/react-query": "5.62.2",
@@ -2807,9 +2807,9 @@
       }
     },
     "node_modules/@prorobotech/openapi-k8s-toolkit": {
-      "version": "0.0.1-alpha.30",
-      "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-0.0.1-alpha.30.tgz",
-      "integrity": "sha512-+wepqcjIver8C1NS8W8gfDrboO0V7Ts5OZkMlCfF5WBzoP8JZqUz5Fkc+gJqA2Brl5EqSR9eQyTPHPydk5yPrw==",
+      "version": "0.0.1-alpha.31",
+      "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-0.0.1-alpha.31.tgz",
+      "integrity": "sha512-yqbAze2MuZ/31wZTqyPotVW6KzDwXhmstddXtm+gNPYSj9OUlirstiJyxfKKp7dqMU97+r4sZ7JTohjlCJujnw==",
       "license": "MIT",
       "dependencies": {
         "@monaco-editor/react": "4.6.0",
diff --git a/package.json b/package.json
index 958cd66..7c5b1a9 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "@ant-design/icons": "5.6.0",
     "@monaco-editor/react": "4.6.0",
     "@originjs/vite-plugin-federation": "1.3.6",
-    "@prorobotech/openapi-k8s-toolkit": "0.0.1-alpha.30",
+    "@prorobotech/openapi-k8s-toolkit": "0.0.1-alpha.31",
     "@readme/openapi-parser": "4.0.0",
     "@reduxjs/toolkit": "2.2.5",
     "@tanstack/react-query": "5.62.2",
diff --git a/src/App.tsx b/src/App.tsx
index 93404c4..bc5ca43 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -191,6 +191,10 @@ export const App: FC<TAppProps> = ({ isFederation, forcedTheme }) => {
             Table: {
               headerBg: colors?.colorBgLayout,
             },
+            Slider: {
+              trackBg: colors?.colorText,
+              trackHoverBg: colors?.colorText,
+            },
           },
         }}
       >
diff --git a/src/components/molecules/BlackholeForm/BlackholeForm.tsx b/src/components/molecules/BlackholeForm/BlackholeForm.tsx
index 1b49d8b..6c82d44 100644
--- a/src/components/molecules/BlackholeForm/BlackholeForm.tsx
+++ b/src/components/molecules/BlackholeForm/BlackholeForm.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { FC } from 'react'
+import React, { FC, useState, useEffect } from 'react'
 import { useParams } from 'react-router-dom'
 import {
   BlackholeFormDataProvider,
@@ -44,6 +44,23 @@ export const BlackholeForm: FC<TBlackholeFormProps> = ({ data, isCreate, backlin
   const swagger = useSelector((state: RootState) => state.swagger.swagger)
   const params = useParams()
 
+  const [height, setHeight] = useState(0)
+
+  useEffect(() => {
+    const height = window.innerHeight - 52 - 52 - 20 * 2 - 26 - 20 - 38 - 10 - 24 * 2 - 28 - 10 - 46 - 50 - 33
+    setHeight(height)
+
+    const handleResize = () => {
+      setHeight(height)
+    }
+
+    window.addEventListener('resize', handleResize)
+
+    return () => {
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
+
   const urlParams = {
     clusterName: params.clusterName,
     namespace: params.namespace,
@@ -94,6 +111,7 @@ export const BlackholeForm: FC<TBlackholeFormProps> = ({ data, isCreate, backlin
       backlink={backlink}
       modeData={modeData}
       designNewLayout
+      designNewLayoutHeight={height}
     />
   )
 }