diff --git a/dashboard/src/components/templates/app/AppsFilter.tsx b/dashboard/src/components/templates/app/AppsFilter.tsx
index 90a55ac9..eae2c53f 100644
--- a/dashboard/src/components/templates/app/AppsFilter.tsx
+++ b/dashboard/src/components/templates/app/AppsFilter.tsx
@@ -19,9 +19,11 @@ const contentHideKeyframes = keyframes({
   to: { opacity: 0, transform: 'translateY(-8px)' },
 })
 const contentStyle = style({
+  maxWidth: 'var(--kb-popper-content-available-width)',
+  overflowX: 'auto',
   padding: '16px',
   display: 'grid',
-  gridTemplateColumns: 'repeat(3, 1fr)',
+  gridTemplateColumns: 'repeat(3, auto)',
   gridTemplateRows: '1fr auto',
   gridTemplateAreas: `
     "status provider sort"