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) => (