diff --git a/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx b/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
index 0c0bb304ed..b2fb092fed 100644
--- a/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
+++ b/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
@@ -10,7 +10,7 @@
 import { useFieldSchema } from '@formily/react';
 import React from 'react';
 import { withDynamicSchemaProps } from '../hoc/withDynamicSchemaProps';
-import { DatePickerProvider } from '../schema-component';
+import { DatePickerProvider, ActionBarProvider } from '../schema-component';
 import { DefaultValueProvider } from '../schema-settings';
 import { CollectOperators } from './CollectOperators';
 import { FormBlockProvider } from './FormBlockProvider';
@@ -23,9 +23,18 @@ export const FilterFormBlockProvider = withDynamicSchemaProps((props) => {
   return (
     <CollectOperators defaultOperators={deprecatedOperators}>
       <DatePickerProvider value={{ utc: false }}>
-        <DefaultValueProvider isAllowToSetDefaultValue={() => false}>
-          <FormBlockProvider name="filter-form" {...props}></FormBlockProvider>
-        </DefaultValueProvider>
+        <ActionBarProvider
+          forceProps={{
+            style: {
+              overflowY: 'auto',
+              width: '100%',
+            },
+          }}
+        >
+          <DefaultValueProvider isAllowToSetDefaultValue={() => false}>
+            <FormBlockProvider name="filter-form" {...props}></FormBlockProvider>
+          </DefaultValueProvider>
+        </ActionBarProvider>
       </DatePickerProvider>
     </CollectOperators>
   );