From bb2dbff280318941c6549003e0273e829884a97c Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 24 Jun 2026 12:04:46 +0100
Subject: [PATCH] Fix black borders in mobile docs header

---
 docs/src/components/DocsHeader.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/DocsHeader.tsx b/docs/src/components/DocsHeader.tsx
index ab9e8f2..2b0623f 100644
--- a/docs/src/components/DocsHeader.tsx
+++ b/docs/src/components/DocsHeader.tsx
@@ -12,7 +12,7 @@ export function DocsHeader(props: DocsHeaderProps) {
 
   return (
     <>
-      <div className="border-b flex items-center justify-between">
+      <div className="border-b border-gray-200 flex items-center justify-between">
         <div className="text-right flex justify-end py-3 px-6">
           <a href="/" className="flex items-center justify-end text-xl font-bold">
             <img src="/driver-head.svg" alt="Astro" className="w-10 h-10 mr-2" />
@@ -25,7 +25,7 @@ export function DocsHeader(props: DocsHeaderProps) {
           </button>
         </div>
       </div>
-      <div className={`bg-gray-50 flex flex-col gap-5 px-6 py-6 border-b ${isActive ? "block" : "hidden"}`}>
+      <div className={`bg-gray-50 flex flex-col gap-5 px-6 py-6 border-b border-gray-200 ${isActive ? "block" : "hidden"}`}>
         {Object.entries(groupedGuides).map(([category, guides]) => (
           <div key={category} className="flex flex-col gap-2">
             <div className="font-bold text-gray-900 text-sm uppercase">{category}</div>