diff --git a/apps/web/src/app/(dashboard)/documents/empty-state.tsx b/apps/web/src/app/(dashboard)/documents/empty-state.tsx
index 181f31fa5..e8ce9073b 100644
--- a/apps/web/src/app/(dashboard)/documents/empty-state.tsx
+++ b/apps/web/src/app/(dashboard)/documents/empty-state.tsx
@@ -5,7 +5,7 @@ import { ExtendedDocumentStatus } from '@documenso/prisma/types/extended-documen
 
 export type EmptyDocumentProps = { status: ExtendedDocumentStatus };
 
-export default function EmptyDocumentState({ status }: EmptyDocumentProps) {
+export const EmptyDocumentState = ({ status }: EmptyDocumentProps) => {
   const {
     title,
     message,
diff --git a/apps/web/src/app/(dashboard)/documents/page.tsx b/apps/web/src/app/(dashboard)/documents/page.tsx
index 9a448923e..1c4df9f20 100644
--- a/apps/web/src/app/(dashboard)/documents/page.tsx
+++ b/apps/web/src/app/(dashboard)/documents/page.tsx
@@ -12,7 +12,8 @@ import { PeriodSelectorValue } from '~/components/(dashboard)/period-selector/ty
 import { DocumentStatus } from '~/components/formatter/document-status';
 
 import { DocumentsDataTable } from './data-table';
-import EmptyDocumentState from './empty-state';
+import { EmptyDocumentState } from './empty-state';
+import { UploadDocument } from './upload-document';
 
 export type DocumentsPageProps = {
   searchParams?: {