diff --git a/src/components/site/SiteHome.tsx b/src/components/site/SiteHome.tsx
index b496d1e2..4241b812 100644
--- a/src/components/site/SiteHome.tsx
+++ b/src/components/site/SiteHome.tsx
@@ -12,12 +12,12 @@ export const SiteHome: React.FC<{
     <div className="">
       {posts.total === 0 && <EmptyState />}
       {posts.total > 0 && (
-        <div className="space-y-8">
+        <div className="space-y-3">
           {posts.list.map((post) => {
             const excerpt = post.summary?.content
             return (
               <Link key={post.slug} href={`/${post.slug}`}>
-                <a className="block hover:bg-zinc-100 transition-colors p-5 -mx-5 -my-5 md:rounded-xl">
+                <a className="block hover:bg-zinc-100 transition-colors p-5 -mx-5 first:-mt-5 md:rounded-xl">
                   <h3 className="text-2xl font-bold">{post.title}</h3>
                   <div className="text-sm text-zinc-400 mt-1">
                     {formatDate(post.date_published)}
diff --git a/src/models/page.model.ts b/src/models/page.model.ts
index 14e86734..d6b4d825 100644
--- a/src/models/page.model.ts
+++ b/src/models/page.model.ts
@@ -151,6 +151,7 @@ export async function getPagesBySite(input: {
           page.applications?.includes("xlog"),
       )
       .filter((page) => page.tags?.includes(input.type))
+      .sort((a, b) => +new Date(b.date_published) - +new Date(a.date_published))
     pages.total = pages.list.length
 
     pages.list = await Promise.all(