diff --git a/console/console-src/layouts/BasicLayout.vue b/console/console-src/layouts/BasicLayout.vue
index 9b5c659b4..86a20311e 100644
--- a/console/console-src/layouts/BasicLayout.vue
+++ b/console/console-src/layouts/BasicLayout.vue
@@ -330,7 +330,6 @@ onMounted(() => {
   flex
   flex-auto
   flex-col
-  overflow-x-hidden
   md:ml-64;
 }
 </style>
diff --git a/console/console-src/modules/interface/themes/ThemeDetail.vue b/console/console-src/modules/interface/themes/ThemeDetail.vue
index d0b66cf1e..c50eab8a2 100644
--- a/console/console-src/modules/interface/themes/ThemeDetail.vue
+++ b/console/console-src/modules/interface/themes/ThemeDetail.vue
@@ -62,7 +62,7 @@ const handleReloadTheme = async () => {
 
 <template>
   <Transition mode="out-in" name="fade">
-    <div>
+    <div class="overflow-hidden rounded-b-base">
       <div class="bg-white px-4 py-4 sm:px-6">
         <div class="group flex items-center justify-between">
           <div class="flex flex-row items-center gap-3">
diff --git a/console/console-src/modules/interface/themes/ThemeSetting.vue b/console/console-src/modules/interface/themes/ThemeSetting.vue
index 840e1eccd..f0f617919 100644
--- a/console/console-src/modules/interface/themes/ThemeSetting.vue
+++ b/console/console-src/modules/interface/themes/ThemeSetting.vue
@@ -70,24 +70,22 @@ await suspense();
 </script>
 <template>
   <Transition mode="out-in" name="fade">
-    <div class="bg-white p-4">
-      <div>
-        <FormKit
-          v-if="group && formSchema && configMapFormData?.[group]"
-          :id="group"
-          v-model="configMapFormData[group]"
-          :name="group"
-          :actions="false"
-          :preserve="true"
-          type="form"
-          @submit="handleSaveConfigMap"
-        >
-          <FormKitSchema
-            :schema="toRaw(formSchema)"
-            :data="configMapFormData[group]"
-          />
-        </FormKit>
-      </div>
+    <div class="p-4">
+      <FormKit
+        v-if="group && formSchema && configMapFormData?.[group]"
+        :id="group"
+        v-model="configMapFormData[group]"
+        :name="group"
+        :actions="false"
+        :preserve="true"
+        type="form"
+        @submit="handleSaveConfigMap"
+      >
+        <FormKitSchema
+          :schema="toRaw(formSchema)"
+          :data="configMapFormData[group]"
+        />
+      </FormKit>
       <div v-permission="['system:themes:manage']" class="pt-5">
         <div class="flex justify-start">
           <VButton
diff --git a/console/console-src/modules/interface/themes/layouts/ThemeLayout.vue b/console/console-src/modules/interface/themes/layouts/ThemeLayout.vue
index afb872bf6..fd5c1bc29 100644
--- a/console/console-src/modules/interface/themes/layouts/ThemeLayout.vue
+++ b/console/console-src/modules/interface/themes/layouts/ThemeLayout.vue
@@ -239,7 +239,7 @@ onMounted(() => {
       </VEmpty>
 
       <div v-else>
-        <VCard :body-class="['!p-0']">
+        <VCard :body-class="['!p-0', '!overflow-visible']">
           <template #header>
             <VTabbar
               v-model:active-id="activeTab"
@@ -249,7 +249,7 @@ onMounted(() => {
               @change="handleTabChange"
             ></VTabbar>
           </template>
-          <div class="bg-white">
+          <div class="rounded-b-base bg-white">
             <RouterView
               :key="`${selectedTheme?.metadata.name}-${activeTab}`"
               v-slot="{ Component }"
diff --git a/console/console-src/modules/system/plugins/PluginDetail.vue b/console/console-src/modules/system/plugins/PluginDetail.vue
index d17a55f82..5d18cb0e5 100644
--- a/console/console-src/modules/system/plugins/PluginDetail.vue
+++ b/console/console-src/modules/system/plugins/PluginDetail.vue
@@ -135,7 +135,7 @@ function getTabsFromExtensions(): PluginTab[] {
   </VPageHeader>
 
   <div class="m-0 md:m-4">
-    <VCard :body-class="['!p-0']">
+    <VCard :body-class="['!p-0', '!overflow-visible']">
       <template #header>
         <VTabbar
           v-model:active-id="activeTab"
@@ -144,7 +144,7 @@ function getTabsFromExtensions(): PluginTab[] {
           type="outline"
         ></VTabbar>
       </template>
-      <div class="bg-white">
+      <div class="rounded-b-base bg-white">
         <template v-for="tab in tabs" :key="tab.id">
           <component :is="tab.component" v-if="activeTab === tab.id" />
         </template>
diff --git a/console/console-src/modules/system/plugins/tabs/Detail.vue b/console/console-src/modules/system/plugins/tabs/Detail.vue
index 310e27bd6..bf587efa8 100644
--- a/console/console-src/modules/system/plugins/tabs/Detail.vue
+++ b/console/console-src/modules/system/plugins/tabs/Detail.vue
@@ -64,7 +64,7 @@ const pluginRoleTemplateGroups = computed<RoleTemplateGroup[]>(() => {
 
 <template>
   <Transition mode="out-in" name="fade">
-    <div>
+    <div class="overflow-hidden rounded-b-base">
       <div class="flex items-center justify-between bg-white px-4 py-4 sm:px-6">
         <div>
           <h3 class="text-lg font-medium leading-6 text-gray-900">
diff --git a/console/console-src/modules/system/plugins/tabs/Setting.vue b/console/console-src/modules/system/plugins/tabs/Setting.vue
index dd54b9caf..3a0a535db 100644
--- a/console/console-src/modules/system/plugins/tabs/Setting.vue
+++ b/console/console-src/modules/system/plugins/tabs/Setting.vue
@@ -64,7 +64,7 @@ const handleSaveConfigMap = async () => {
 </script>
 <template>
   <Transition mode="out-in" name="fade">
-    <div class="bg-white p-4">
+    <div class="rounded-b-base bg-white p-4">
       <div>
         <FormKit
           v-if="group && formSchema && configMapFormData?.[group]"
diff --git a/console/packages/components/src/components/card/Card.vue b/console/packages/components/src/components/card/Card.vue
index b17f8e251..b22b99cbe 100644
--- a/console/packages/components/src/components/card/Card.vue
+++ b/console/packages/components/src/components/card/Card.vue
@@ -32,13 +32,15 @@ defineProps<{
   flex-col
   bg-white
   shadow-sm
-  overflow-hidden
-  rounded-base;
-  border: 1px solid #eaecf0;
+  rounded-base
+  ring-1
+  ring-[#eaecf0];
 
   .card-header {
     @apply flex
-    justify-between;
+    justify-between
+    rounded-t-base
+    overflow-hidden;
     border-bottom: 1px solid #eaecf0;
 
     .card-header-title {
@@ -54,10 +56,12 @@ defineProps<{
   }
 
   .card-body {
+    @apply rounded-base overflow-hidden;
     padding: 12px 16px;
   }
 
   .card-footer {
+    @apply rounded-b-base overflow-hidden;
     border-top: 1px solid #eaecf0;
     padding: 12px 16px;
   }
diff --git a/console/uc-src/layouts/BasicLayout.vue b/console/uc-src/layouts/BasicLayout.vue
index 995ff4dde..19156b8b1 100644
--- a/console/uc-src/layouts/BasicLayout.vue
+++ b/console/uc-src/layouts/BasicLayout.vue
@@ -295,7 +295,6 @@ onMounted(() => {
   flex
   flex-auto
   flex-col
-  overflow-x-hidden
   md:ml-64;
 }
 </style>