diff --git a/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue b/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
index 68ef025353..2a73bbd82d 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { propTypes } from '@/utils/propTypes'
-import { computed, PropType, reactive, toRefs } from 'vue'
+import { computed, PropType, reactive, toRefs, h } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
+import { Icon } from '@/components/icon-custom'
 
 const { t } = useI18n()
 
@@ -31,12 +32,13 @@ const props = defineProps({
   title: propTypes.string
 })
 const { property } = toRefs(props)
+const prefixIcon = h(Icon, { name: 'icon_calendar_outlined' })
 const timeConfig = computed(() => {
   let obj = Object.assign(
     {
       showType: 'datetime',
       rangeSeparator: '-',
-      prefixIcon: 'Calendar',
+      prefixIcon,
       startPlaceholder: t('datasource.start_time'),
       endPlaceholder: t('datasource.end_time'),
       format: 'YYYY-MM-DD HH:mm:ss',
@@ -104,6 +106,9 @@ defineExpose({
 
   .filter-item {
     flex: 1;
+    .ed-date-editor {
+      width: 100%;
+    }
   }
 }
 </style>
diff --git a/core/core-frontend/src/components/drawer-main/src/DrawerMain.vue b/core/core-frontend/src/components/drawer-main/src/DrawerMain.vue
index 50270eae54..293382d1e1 100644
--- a/core/core-frontend/src/components/drawer-main/src/DrawerMain.vue
+++ b/core/core-frontend/src/components/drawer-main/src/DrawerMain.vue
@@ -135,7 +135,7 @@ defineExpose({
     </div>
 
     <template #footer>
-      <el-button @click="reset">{{ t('commons.reset') }}</el-button>
+      <el-button secondary @click="reset">{{ t('commons.reset') }}</el-button>
       <el-button @click="trigger" type="primary">{{ t('common.sure') }}</el-button>
     </template>
   </el-drawer>
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index 5f4a23b210..ea9f076a7d 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -394,3 +394,7 @@ em {
 strong {
   font-synthesis: weight;
 }
+
+.ed-date-editor .ed-range__icon {
+  font-size: 16px !important;
+}