diff --git a/src/components/layout/Project.tsx b/src/components/layout/Project.tsx
index 17e3eda..ecfe49f 100644
--- a/src/components/layout/Project.tsx
+++ b/src/components/layout/Project.tsx
@@ -43,7 +43,7 @@ export default component$((props: { project: Project | null }) => {
       <div class="u-width-full-line" style="padding: var(--p-card-padding);">
         <div class="u-flex u-cross-center u-gap-8 u-main-space-between u-width-full-line">
           <div class="u-stretch u-flex-vertical u-gap-16">
-            <div class="u-flex u-main-space-between u-cross-center">
+            <div class="u-flex u-main-space-between u-cross-center u-gap-8">
               <Link href={`/projects/${project.$id}`}>
                 <p class="heading-level-4 c-trim" style="font-size: 1.3rem;">
                   {project.name}
diff --git a/src/components/layout/ProjectFeatured.tsx b/src/components/layout/ProjectFeatured.tsx
index 2bc9918..50e1f6b 100644
--- a/src/components/layout/ProjectFeatured.tsx
+++ b/src/components/layout/ProjectFeatured.tsx
@@ -22,7 +22,7 @@ export default component$((props: { project: Project }) => {
         </div>
 
         <div class="u-flex u-flex-vertical u-stretch u-gap-8">
-          <div class="u-flex u-main-space-between u-cross-center">
+          <div class="u-flex u-main-space-between u-cross-center u-gap-8">
             <Link
               href={`/projects/${project.$id}`}
               class="heading-level-3 u-margin-block-start-12 c-trim"