diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 94bb3a2..3cf5f84 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -63,25 +63,25 @@ PROJECTS.sort((a, b) => a.name.localeCompare(b.name));
         {
           PROJECTS.map((project) => (
             <section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-800 p-6 md:w-96">
-              <div class="flex justify-between">
-                <h2 class="mb-4 break-words text-3xl font-bold">
+              <div class="flex flex-col">
+                <h2 class="break-words text-3xl font-bold w-fit">
                   {project.name}
                 </h2>
-                <div class="flex">
-                  <div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 px-4 py-1 text-neutral-300">
-                    <div class="flex gap-1">
+                <div class="flex my-4">
+                  <div class="flex h-fit translate-y-1 items-center justify-center gap-2  text-neutral-300">
+                    <div class="flex gap-1 rounded-lg bg-neutral-800 px-4 py-1">
                       <img
                         src="/icons/star.svg"
-                        alt=""
+                        alt="Star Icon"
                         class="h-[21px] w-[21px] translate-y-[1px]"
                       />
                       <p>{project.stats!.stars}</p>
                     </div>
-                    <div class="flex gap-1">
+                    <div class="flex gap-1 rounded-lg bg-neutral-800 px-4 py-1">
                       {" "}
                       <img
                         src="/icons/code-fork-solid.svg"
-                        alt=""
+                        alt="GitHub Fork Icon"
                         class="h-[21px] w-[21px] translate-y-[1px]"
                       />
                       <p>{project.stats!.forks}</p>