diff --git a/apps/web/pages/dashboard.tsx b/apps/web/pages/dashboard.tsx
index fb681d5c8..9c7bf50e0 100644
--- a/apps/web/pages/dashboard.tsx
+++ b/apps/web/pages/dashboard.tsx
@@ -58,18 +58,18 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
             Dashboard
           </h1>
         </header>
-        <dl className="mt-8 grid grid-cols-3 xs:grid-cols-2 gap-5">
+        <dl className="grid gap-5 mt-8 md: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 ">
-                <dt className="truncate text-sm font-medium text-gray-500 ">
+              <div className="px-4 py-3 overflow-hidden bg-white rounded-lg shadow md:p-6 sm:py-5">
+                <dt className="text-sm font-medium text-gray-500 truncate ">
                   <item.icon
-                    className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon"
+                    className="flex-shrink-0 inline w-5 h-5 mr-3 text-neon sm:w-6 sm:h-6"
                     aria-hidden="true"
                   ></item.icon>
                   {item.name}
                 </dt>
-                <dd className="mt-1 text-3xl font-semibold tracking-tight text-gray-900">
+                <dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900 sm:text-3xl">
                   {getStat(item.name, props)}
                 </dd>
               </div>
@@ -91,10 +91,10 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
           onClick={() => {
             document?.getElementById("fileUploadHelper")?.click();
           }}
-          className="cursor-pointer relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+          className="relative block w-full p-12 text-center border-2 border-gray-300 border-dashed rounded-lg cursor-pointer hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
         >
           <svg
-            className="mx-auto h-12 w-12 text-gray-400"
+            className="w-12 h-12 mx-auto text-gray-400"
             stroke="currentColor"
             fill="none"
             viewBox="0 00 20 25"
@@ -107,7 +107,7 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
             />
           </svg>
 
-          <span className="mt-2 block text-sm font-medium text-neon">
+          <span className="block mt-2 text-sm font-medium text-neon">
             Add a new PDF document
           </span>
         </div>