From a3d416a19bd5ad4372e17df9d3190b82b041ed7e Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Sun, 9 Jun 2024 12:36:08 +0700
Subject: [PATCH] fix: increase spaces

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 components/display-tabs.tsx             | 2 +-
 components/manufacturers-grid/index.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/display-tabs.tsx b/components/display-tabs.tsx
index 1c07c4bc6..38a081fe4 100644
--- a/components/display-tabs.tsx
+++ b/components/display-tabs.tsx
@@ -22,7 +22,7 @@ const DisplayTabs = ({ items }: DisplayTabsProps) => {
           </Tab>
         ))}
       </TabList>
-      <TabPanels className="mt-3">
+      <TabPanels className="mt-5">
         {items.map((item) => (
           <TabPanel key={item.title}>
             <RichTextDisplay contentBlocks={JSON.parse(item.content || '{}').children} />
diff --git a/components/manufacturers-grid/index.tsx b/components/manufacturers-grid/index.tsx
index 23bb6d63b..190e74bdd 100644
--- a/components/manufacturers-grid/index.tsx
+++ b/components/manufacturers-grid/index.tsx
@@ -17,9 +17,9 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
     <div className="h-auto max-h-[700px] w-full overflow-auto rounded px-10 py-6 shadow">
       <p className="flex items-center gap-2">
         <StarIcon className="size-4" />
-        <span className="text-sm font-medium text-blue-800">Popular Manufacturers</span>
+        <span className="font-medium text-blue-800">Popular Manufacturers</span>
       </p>
-      <div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-7 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
+      <div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-5 md:grid-cols-3 md:gap-y-8 lg:grid-cols-4 xl:grid-cols-5">
         {popularManufacturers.map((manufacturer) => (
           <div key={manufacturer.id} className="flex flex-col gap-3">
             <ManufacturerItem manufacturer={manufacturer} />
@@ -30,9 +30,9 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
       <hr className="my-10 w-full" />
       <p className="flex items-center gap-2">
         <GlobeAltIcon className="size-4" />
-        <span className="text-sm font-medium text-blue-800">All Manufacturers</span>
+        <span className="font-medium text-blue-800">All Manufacturers</span>
       </p>
-      <div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-7 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
+      <div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-5 md:grid-cols-3 md:gap-y-8 lg:grid-cols-4 xl:grid-cols-5">
         {manufacturers
           .toSorted((a, b) => a.display_name!.localeCompare(b.display_name!))
           .map((manufacturer) => (