diff --git a/.changeset/sour-hats-kick.md b/.changeset/sour-hats-kick.md
new file mode 100644
index 0000000000..023cfff0f4
--- /dev/null
+++ b/.changeset/sour-hats-kick.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Allow specifying screen size when catalog filters are hidden in drawer
diff --git a/plugins/catalog-react/api-report.md b/plugins/catalog-react/api-report.md
index 9bf87778dd..b5ab8b6c7f 100644
--- a/plugins/catalog-react/api-report.md
+++ b/plugins/catalog-react/api-report.md
@@ -63,7 +63,13 @@ export const catalogApiRef: ApiRef<CatalogApi>;
 // @public (undocumented)
 export const CatalogFilterLayout: {
   (props: { children: React_2.ReactNode }): JSX.Element;
-  Filters: (props: { children: React_2.ReactNode }) => JSX.Element;
+  Filters: (props: {
+    children: React_2.ReactNode;
+    options?: {
+      drawerBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+      drawerAnchor?: 'left' | 'right' | 'top' | 'bottom';
+    };
+  }) => JSX.Element;
   Content: (props: { children: React_2.ReactNode }) => JSX.Element;
 };
 
diff --git a/plugins/catalog-react/src/components/CatalogFilterLayout/CatalogFilterLayout.tsx b/plugins/catalog-react/src/components/CatalogFilterLayout/CatalogFilterLayout.tsx
index 751eb35f1d..1a1404edf2 100644
--- a/plugins/catalog-react/src/components/CatalogFilterLayout/CatalogFilterLayout.tsx
+++ b/plugins/catalog-react/src/components/CatalogFilterLayout/CatalogFilterLayout.tsx
@@ -28,14 +28,20 @@ import FilterListIcon from '@material-ui/icons/FilterList';
 import { BackstageTheme } from '@backstage/theme';
 
 /** @public */
-export const Filters = (props: { children: React.ReactNode }) => {
-  const isMidSizeScreen = useMediaQuery<BackstageTheme>(theme =>
-    theme.breakpoints.down('md'),
+export const Filters = (props: {
+  children: React.ReactNode;
+  options?: {
+    drawerBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    drawerAnchor?: 'left' | 'right' | 'top' | 'bottom';
+  };
+}) => {
+  const isScreenSmallerThanBreakpoint = useMediaQuery<BackstageTheme>(theme =>
+    theme.breakpoints.down(props.options?.drawerBreakpoint ?? 'md'),
   );
   const theme = useTheme<BackstageTheme>();
   const [filterDrawerOpen, setFilterDrawerOpen] = useState<boolean>(false);
 
-  return isMidSizeScreen ? (
+  return isScreenSmallerThanBreakpoint ? (
     <>
       <Button
         style={{ marginTop: theme.spacing(1), marginLeft: theme.spacing(1) }}
@@ -47,7 +53,7 @@ export const Filters = (props: { children: React.ReactNode }) => {
       <Drawer
         open={filterDrawerOpen}
         onClose={() => setFilterDrawerOpen(false)}
-        anchor="left"
+        anchor={props.options?.drawerAnchor ?? 'left'}
         disableAutoFocus
         keepMounted
         variant="temporary"
diff --git a/plugins/catalog/api-report.md b/plugins/catalog/api-report.md
index fb067150be..3e33b16d8b 100644
--- a/plugins/catalog/api-report.md
+++ b/plugins/catalog/api-report.md
@@ -413,7 +413,22 @@ export interface EntitySwitchProps {
 }
 
 // @public @deprecated (undocumented)
-export const FilterContainer: (props: { children: ReactNode }) => JSX.Element;
+export const FilterContainer: (props: {
+  children: ReactNode;
+  options?:
+    | {
+        drawerBreakpoint?:
+          | number
+          | 'xs'
+          | 'sm'
+          | 'md'
+          | 'lg'
+          | 'xl'
+          | undefined;
+        drawerAnchor?: 'left' | 'top' | 'bottom' | 'right' | undefined;
+      }
+    | undefined;
+}) => JSX.Element;
 
 // @public @deprecated (undocumented)
 export const FilteredEntityLayout: (props: {