diff --git a/public/preview/neobruu.png b/public/preview/neobruu.png
new file mode 100644
index 0000000..caaba0b
Binary files /dev/null and b/public/preview/neobruu.png differ
diff --git a/src/components/Projects/ToolBadge.tsx b/src/components/Projects/ToolBadge.tsx
index 876a71d..ae28a6c 100644
--- a/src/components/Projects/ToolBadge.tsx
+++ b/src/components/Projects/ToolBadge.tsx
@@ -7,9 +7,9 @@ interface SkillInterfaces {
 
 const ToolBadge: React.FC<SkillInterfaces> = ({ name, icon }) => {
   return (
-    <div className={`w-fit py-1 px-1 md:py-2 md:px-2 flex justify-center items-center ${name ? "gap-2" : ""} bg-white dark:bg-[#252525] border border-slate-200 dark:border-white/10 rounded-lg transition-all linear duration-300`}>
-      <div className="w-3 md:w-4">{icon}</div>
-      <h1 className="whitespace-nowrap text-primary text-[0.6rem] md:text-xs">{name}</h1>
+    <div className={`w-fit py-1 px-1 md:py-2 md:px-2 flex justify-center items-center ${name ? "gap-2" : ""} bg-white dark:bg-[#252525] border border-slate-200 dark:border-white/10 rounded-md transition-all linear duration-300`}>
+      <div className="w-4">{icon}</div>
+      <h1 className="whitespace-nowrap text-primary text-[0.7rem] md:text-xs">{name}</h1>
     </div>
   );
 };
diff --git a/src/content/blog/dark-mode-astro.md b/src/content/blog/dark-mode-astro.txt
similarity index 100%
rename from src/content/blog/dark-mode-astro.md
rename to src/content/blog/dark-mode-astro.txt
diff --git a/src/content/projects/neobruu.md b/src/content/projects/neobruu.md
new file mode 100644
index 0000000..1f0fa62
--- /dev/null
+++ b/src/content/projects/neobruu.md
@@ -0,0 +1,35 @@
+---
+name: NeoBruu
+description: A collection of Neo-Brutalist reusable components written in React and Tailwind CSS.
+url: neobruu.vercel.app
+github: https://github.com/ivalshamkya/neobruu
+role: author
+publishedDate: 2024-01-26
+updatedDate: 2024-03-04
+image: "/preview/neobruu.png"
+imageAlt: "hero"
+languages: ["Next.js", "TypeScript", "TailwindCSS"]
+---
+
+## 🙌 Introduction
+
+NeoBruu is a curated collection of type-safe components designed to embrace the Neo-Brutalist design ethos while prioritizing simplicity, functionality, and accessibility. Whether you're building a personal project, a startup, or an enterprise-level application, NeoBruu provides the building blocks you need to create stunning and efficient user interfaces.
+
+## Features
+
+- **Neo-Brutalist Design**: Embrace unconventional design elements and distinctive color palettes.
+- **React and Tailwind CSS**: Utilize React for component-based development and Tailwind CSS for rapid styling.
+- **Type-Safe Components**: Ensure type safety and maintainability with type-safe components.
+- **Open-Source**: Contribute to the project, suggest new features, and collaborate with the community.
+
+## Documentation
+
+Visit [http://neobruu.vercel.app/docs](http://neobruu.vercel.app/docs) to view the documentation.
+
+## Contributing
+
+We welcome contributions from the community! Feel free to open issues, submit pull requests, or suggest new ideas to help improve NeoBruu.
+
+## License
+
+Licensed under the [MIT license](https://github.com/ivalshamkya/neobruu/blob/main/LICENSE).
\ No newline at end of file
diff --git a/src/layouts/ProjectLayout.astro b/src/layouts/ProjectLayout.astro
index bad660e..4ab23fc 100644
--- a/src/layouts/ProjectLayout.astro
+++ b/src/layouts/ProjectLayout.astro
@@ -65,7 +65,7 @@ const ogImage = {
           }
         </ul>
         <div class="flex items-center">
-          <a href={github}>
+          <a href={github} target="_blank">
             <ToolBadge icon={STACKS['Github']} name={""} />
           </a>
         </div>