diff --git a/docs/app/(home)/components/frameworks.tsx b/docs/app/(home)/components/frameworks.tsx
index e978c91297..8c95021529 100644
--- a/docs/app/(home)/components/frameworks.tsx
+++ b/docs/app/(home)/components/frameworks.tsx
@@ -456,7 +456,7 @@ export const Frameworks = () => {
           with the frameworks you already use with more coming soon.
         </h2>
       </div>
-      <div className="grid grid-cols-4 gap-3 items-center">
+      <div className="grid grid-cols-4 gap-2 items-center w-fit">
         <div className="col-span-4 w-full">
           <Badge
             variant="secondary"
diff --git a/docs/app/(home)/components/observability.tsx b/docs/app/(home)/components/observability.tsx
index 7aca69710a..3721b2eacf 100644
--- a/docs/app/(home)/components/observability.tsx
+++ b/docs/app/(home)/components/observability.tsx
@@ -56,7 +56,7 @@ export const Observability = () => (
       logs, and metrics automatically.
     </h2>
     <div className="">
-      <div className="space-y-3 w-full">
+      <div className="space-y-2.5 w-full">
         {rows.map((row, index) => (
           <div
             key={row.label}
@@ -66,7 +66,7 @@ export const Observability = () => (
               width: `${row.duration}%`,
             }}
           >
-            <div className="relative h-6 w-full">
+            <div className="relative h-6.5 w-full">
               <motion.div
                 initial={{ width: 0, opacity: 0 }}
                 whileInView={{ width: 'auto', opacity: 1 }}
@@ -81,8 +81,8 @@ export const Observability = () => (
                   row.className
                 )}
               >
-                <div className="flex justify-between items-center px-2 py-[4px]">
-                  <span className="text-[11px] font-mono font-medium">
+                <div className="flex justify-between items-center px-2 pt-1 pb-[6px]">
+                  <span className="text-[11px] font-mono font-medium text-foreground">
                     {row.label}
                   </span>
                   {index === 0 && (
diff --git a/docs/app/opengraph-image.png b/docs/app/opengraph-image.png
index c3bb48514c..8c636705a8 100644
Binary files a/docs/app/opengraph-image.png and b/docs/app/opengraph-image.png differ
diff --git a/docs/components/layout/home/index.tsx b/docs/components/layout/home/index.tsx
index a37e3667bb..12b1b23b4c 100644
--- a/docs/components/layout/home/index.tsx
+++ b/docs/components/layout/home/index.tsx
@@ -85,7 +85,7 @@ export function HomeLayout(
           <Link href="https://vercel.com">
             <svg
               fill="none"
-              height="24"
+              height="20"
               viewBox="0 0 2048 407"
               xmlns="http://www.w3.org/2000/svg"
             >
@@ -208,7 +208,7 @@ export function Header({
             <NavbarLinkItem item={item} key={i} />
           ))}
         </div>
-        <Button asChild size="icon" variant="ghost" className="h-9">
+        <Button asChild size="sm" variant="default">
           <Link href="https://github.com/vercel/workflow">
             <svg
               width="15"
@@ -224,6 +224,7 @@ export function Header({
                 clipRule="evenodd"
               ></path>
             </svg>
+            GitHub
           </Link>
         </Button>
       </div>