diff --git a/src/components/table/table-base.vue b/src/components/table/table-base.vue
index 8a8eb8d..76c8552 100644
--- a/src/components/table/table-base.vue
+++ b/src/components/table/table-base.vue
@@ -93,7 +93,7 @@ defineExpose({
   <div class="space-y-5">
     <TableFilter v-if="filterColumns.length > 0" :columns="filterColumns" @confirm="handleSearch" />
 
-    <div class="rounded-lg bg-white p-5 space-y-5">
+    <div class="rounded-lg bg-white p-5 space-y-5 dark:bg-white/10">
       <TableHeaderOperation
         v-if="showHeaderOperation"
         :columns="headerTableColumns"
diff --git a/src/components/table/table-filter.vue b/src/components/table/table-filter.vue
index 9cde571..2d8f9fa 100644
--- a/src/components/table/table-filter.vue
+++ b/src/components/table/table-filter.vue
@@ -32,7 +32,7 @@ function handleConfirm() {
 </script>
 
 <template>
-  <div class="rounded-lg bg-white p-5">
+  <div class="rounded-lg bg-white p-5 dark:bg-white/10">
     <div class="mb-5">搜索</div>
 
     <NForm :label-width="80" label-align="left" label-placement="left">