diff --git a/src/assets/style/variable.less b/src/assets/style/variable.less
index 6c42d154..da3e0b11 100644
--- a/src/assets/style/variable.less
+++ b/src/assets/style/variable.less
@@ -135,7 +135,7 @@ body {
   .arco-picker,
   .arco-textarea-wrapper {
     font-size: var(--font-size-small);
-    background-color: var(--color-bg-transparent);
+    background-color: var(--color-white-1);
     border: 1px solid var(--color-border-input);
     transition: var(--input-transition);
 
diff --git a/src/views/operation-hub/resource-definitions/components/provisioned-resources.vue b/src/views/operation-hub/resource-definitions/components/provisioned-resources.vue
index 5a3fef30..8f5a23d5 100644
--- a/src/views/operation-hub/resource-definitions/components/provisioned-resources.vue
+++ b/src/views/operation-hub/resource-definitions/components/provisioned-resources.vue
@@ -115,7 +115,11 @@
                 <a-select
                   v-model="queryParams.projectName"
                   :options="projectList"
-                  style="min-width: 150px; max-width: 180px"
+                  style="
+                    min-width: 150px;
+                    max-width: 180px;
+                    background-color: var(--color-white-2);
+                  "
                   :placeholder="$t('applications.projects.table.name')"
                   allow-clear
                   allow-search
@@ -143,7 +147,11 @@
               <template #title>
                 <a-select
                   v-model="queryParams.matchingRuleName"
-                  style="min-width: 150px; max-width: 180px"
+                  style="
+                    min-width: 150px;
+                    max-width: 180px;
+                    background-color: var(--color-white-2);
+                  "
                   allow-clear
                   allow-search
                   :placeholder="$t('resource.definition.detail.matchRule')"