From 1b6568f66565ab02b63b2091783c46bf3f18559d Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sun, 17 Mar 2024 23:48:15 +0700
Subject: [PATCH] fix border not align on table element

---
 docs/src/pages/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 7a90baf9e..4aa832ca0 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -658,7 +658,7 @@ export default function Home() {
 
               <div className="mt-20 flex dark:bg-[#181818] bg-[#FAFAFA] border border-gray-300 dark:border-gray-600 rounded-t-2xl border-b-0">
                 <div className="w-56 lg:w-80 border-r border-gray-300 dark:border-gray-600">
-                  <div className="p-7"></div>
+                  <div className="h-[52px]"></div>
                   {table.labels.map((label, i) => {
                     return (
                       <div
@@ -666,7 +666,7 @@ export default function Home() {
                         title={label}
                         key={i}
                       >
-                        <h6 className="line-clamp-1">{label}</h6>
+                        <h6 className="line-clamp-1 my-[2px]">{label}</h6>
                       </div>
                     )
                   })}