diff --git a/packages/ui/src/exports/client/index.ts b/packages/ui/src/exports/client/index.ts
index 4131a17f1..d1f04081a 100644
--- a/packages/ui/src/exports/client/index.ts
+++ b/packages/ui/src/exports/client/index.ts
@@ -123,6 +123,8 @@ export { SaveDraftButton } from '../../elements/SaveDraftButton/index.js'
 // folder elements
 export { FolderProvider, useFolder } from '../../providers/Folders/index.js'
 export { BrowseByFolderButton } from '../../elements/FolderView/BrowseByFolderButton/index.js'
+export { ItemCardGrid } from '../../elements/FolderView/ItemCardGrid/index.js'
+export { FolderFileTable } from '../../elements/FolderView/FolderFileTable/index.js'
 
 export { type Option as ReactSelectOption, ReactSelect } from '../../elements/ReactSelect/index.js'
 export { ReactSelect as Select } from '../../elements/ReactSelect/index.js'
diff --git a/packages/ui/src/utilities/getFolderResultsComponentAndData.tsx b/packages/ui/src/utilities/getFolderResultsComponentAndData.tsx
index 802eb60b9..30c6830de 100644
--- a/packages/ui/src/utilities/getFolderResultsComponentAndData.tsx
+++ b/packages/ui/src/utilities/getFolderResultsComponentAndData.tsx
@@ -10,8 +10,11 @@ import type { FolderBreadcrumb, FolderOrDocument } from 'payload/shared'
 import { APIError, formatErrors, getFolderData } from 'payload'
 import { buildFolderWhereConstraints } from 'payload/shared'
 
-import { FolderFileTable } from '../elements/FolderView/FolderFileTable/index.js'
-import { ItemCardGrid } from '../elements/FolderView/ItemCardGrid/index.js'
+import {
+  FolderFileTable,
+  ItemCardGrid,
+  // eslint-disable-next-line payload/no-imports-from-exports-dir -- This component is returned via server functions, it must reference the exports dir
+} from '../exports/client/index.js'
 
 type GetFolderResultsComponentAndDataResult = {
   breadcrumbs?: FolderBreadcrumb[]