diff --git a/README.md b/README.md
index 90f181f..e987774 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,9 @@
+![screenshot1](/public/screenshot-1.png)
+
+![screenshot2](/public/screenshot-2.png)
+
+![screenshot3](/public/screenshot-3.png)
+
 This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/create-next-app).
 
 ## Getting Started
diff --git a/app/dashboard-after/page.tsx b/app/dashboard-after/page.tsx
index e9ca3cc..e980f9a 100644
--- a/app/dashboard-after/page.tsx
+++ b/app/dashboard-after/page.tsx
@@ -108,7 +108,7 @@ function Header() {
             }}
             className={`flex items-center gap-x-1 rounded-full bg-sky-900 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-sky-700 ${focusVisible}`}
           >
-            <PlusIconMicro className="size-5" />
+            <PlusIconMicro className="-ml-1.5 size-5" />
             <span>New Invoice</span>
           </button>
           <div className="relative size-10 cursor-pointer overflow-clip rounded-full bg-neutral-500 text-neutral-500">
diff --git a/public/screenshot-1.png b/public/screenshot-1.png
new file mode 100644
index 0000000..4c743f6
Binary files /dev/null and b/public/screenshot-1.png differ
diff --git a/public/screenshot-2.png b/public/screenshot-2.png
new file mode 100644
index 0000000..baff88b
Binary files /dev/null and b/public/screenshot-2.png differ
diff --git a/public/screenshot-3.png b/public/screenshot-3.png
new file mode 100644
index 0000000..0bbd06a
Binary files /dev/null and b/public/screenshot-3.png differ