diff --git a/src/components/programs/project.tsx b/src/components/programs/project.tsx
index 0323a3a..bbc62ff 100644
--- a/src/components/programs/project.tsx
+++ b/src/components/programs/project.tsx
@@ -9,11 +9,14 @@ interface props {
 
 const Project = ({ title, description, tags }: props) => {
   return (
-    <div>
-      {title} {description}
-      {tags.map((text, index) => (
-        <Tag key={index}>{text}</Tag>
-      ))}
+    <div className="aspect-square w-1/4 flex-col rounded-md border border-gray-300 bg-white">
+      <div className="px-8 py-8 text-3xl font-bold">{title}</div>
+      <div className="flex flex-wrap gap-2 px-8 py-0">
+        {tags.map((text, index) => (
+          <Tag key={index}>{text}</Tag>
+        ))}
+      </div>
+      <div className="px-8 py-4">{description}</div>
     </div>
   );
 };