diff --git a/apps/web/pages/dashboard.tsx b/apps/web/pages/dashboard.tsx
index fe401c2ef..d1f1529d0 100644
--- a/apps/web/pages/dashboard.tsx
+++ b/apps/web/pages/dashboard.tsx
@@ -65,7 +65,7 @@ const DashboardPage: NextPageWithLayout = () => {
             Dashboard
           </h1>
         </header>
-        <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
+        <dl className="mt-8 grid grid-cols-1 gap-5 sm:grid-cols-3">
           {stats.map((item) => (
             <Link href={item.link} key={item.name}>
               <div className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
@@ -105,7 +105,7 @@ const DashboardPage: NextPageWithLayout = () => {
               />
             </svg>
             <span className="mt-2 block text-sm font-medium text-neon">
-              Upload a new document
+              Upload a new PDF document
             </span>
           </button>
           <input id="fileUploadHelper" type="file" hidden />
diff --git a/apps/web/pages/documents.tsx b/apps/web/pages/documents.tsx
index b6510edec..5d574cd85 100644
--- a/apps/web/pages/documents.tsx
+++ b/apps/web/pages/documents.tsx
@@ -25,97 +25,7 @@ const DocumentsPage: NextPageWithLayout = () => {
       <Head>
         <title>Documents | Documenso</title>
       </Head>
-      <div className="sm:px-6 lg:px-8">
-        <div className="sm:flex sm:items-center">
-          <div className="sm:flex-auto">
-            <header>
-              <h1 className="mt-12 text-3xl font-bold leading-tight tracking-tight text-gray-900">
-                Dashboard
-              </h1>
-            </header>
-            <p className="mt-2 text-sm text-gray-700">
-              A list of all documents in your account including their status.
-            </p>
-          </div>
-          <div className="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
-            <button
-              type="button"
-              className="inline-flex items-center justify-center rounded-md border border-transparent bg-neon px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:w-auto"
-            >
-              Add new document
-            </button>
-          </div>
-        </div>
-        <div className="mt-8 flex flex-col">
-          <div className="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
-            <div className="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
-              <div className="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
-                <table className="min-w-full divide-y divide-gray-300">
-                  <thead className="bg-gray-50">
-                    <tr>
-                      <th
-                        scope="col"
-                        className="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
-                      >
-                        Title
-                      </th>
-                      <th
-                        scope="col"
-                        className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"
-                      >
-                        Status
-                      </th>
-                      <th
-                        scope="col"
-                        className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"
-                      >
-                        Modified
-                      </th>
-                      <th
-                        scope="col"
-                        className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"
-                      ></th>
-                      <th
-                        scope="col"
-                        className="relative py-3.5 pl-3 pr-4 sm:pr-6"
-                      >
-                        <span className="sr-only">Edit</span>
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="divide-y divide-gray-200 bg-white">
-                    {people.map((person) => (
-                      <tr key={person.email}>
-                        <td className="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
-                          {person.name}
-                        </td>
-                        <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
-                          {person.title}
-                        </td>
-                        <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
-                          {person.email}
-                        </td>
-                        <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
-                          {person.role}
-                        </td>
-                        <td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
-                          <a
-                            href="#"
-                            className="text-indigo-600 hover:text-indigo-900"
-                          >
-                            Edit<span className="sr-only">, {person.name}</span>
-                          </a>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="text-center mt-24" id="empty" hidden>
+      <div className="text-center mt-24" id="empty">
         <svg
           className="mx-auto h-12 w-12 text-gray-400"
           fill="none"
@@ -140,7 +50,7 @@ const DocumentsPage: NextPageWithLayout = () => {
             className="inline-flex items-center rounded-md border border-transparent bg-neon px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
           >
             <PlusIcon className="-ml-1 mr-2 h-5 w-5" aria-hidden="true" />
-            Upload Document
+            Upload PDF Document
           </button>
         </div>
       </div>
diff --git a/apps/web/pages/documents/index.tsx b/apps/web/pages/documents/index.tsx
new file mode 100644
index 000000000..e69de29bb
