diff --git a/src/pages/Categories/index.tsx b/src/pages/Categories/index.tsx
index e5e7c28..16264e3 100644
--- a/src/pages/Categories/index.tsx
+++ b/src/pages/Categories/index.tsx
@@ -3,7 +3,6 @@ import { Link } from "react-router-dom";
 import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
 import { CategoryIcon } from "../../components/CategoryIcon";
 import { useSetPageTitle } from "../../components/PageTitleContext";
-import { SectionHeader } from "../../components/SectionHeader";
 import { Skeleton } from "../../components/Skeleton";
 import { langQuery, useI18n } from "../../i18n";
 import { cleanCategoryDisplayName } from "../../utils/categoryDisplay";
@@ -78,8 +77,7 @@ export function CategoriesPage() {
 
   return (
     <section>
-      <SectionHeader title={t("categorySection")} />
-      <div className="mt-7 grid grid-cols-3 gap-2 md:grid-cols-5 md:gap-3 lg:grid-cols-6 xl:grid-cols-7 xl:gap-4">
+      <div className="grid grid-cols-3 gap-2 md:grid-cols-5 md:gap-3 lg:grid-cols-6 xl:grid-cols-7 xl:gap-4">
         {isLoading
           ? Array.from({ length: 14 }).map((_, i) => (
               <Skeleton key={i} className="h-[88px] rounded-xl" />
diff --git a/src/pages/OfficialRecommendations/index.tsx b/src/pages/OfficialRecommendations/index.tsx
index 454b114..3cb98db 100644
--- a/src/pages/OfficialRecommendations/index.tsx
+++ b/src/pages/OfficialRecommendations/index.tsx
@@ -2,7 +2,6 @@ import { useEffect, useState } from "react";
 import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
 import { useSetPageTitle } from "../../components/PageTitleContext";
 import { RecommendedCard } from "../../components/RecommendedCard";
-import { SectionHeader } from "../../components/SectionHeader";
 import { langQuery, useI18n } from "../../i18n";
 import { sourceLanguageQuery } from "../../i18nLanguages";
 import type { Post } from "../../types/post";
@@ -70,10 +69,7 @@ export function OfficialRecommendationsPage() {
 
   return (
     <section>
-      <div className="mx-auto max-w-full px-4 md:max-w-[820px] md:px-0 lg:max-w-[1080px] xl:max-w-[1180px]">
-        <SectionHeader title={t("officialSection")} />
-      </div>
-      <div className="mx-auto mt-7 grid max-w-full grid-cols-1 justify-items-center gap-3 px-4 min-[560px]:grid-cols-2 md:max-w-[820px] md:grid-cols-3 md:px-0 lg:max-w-[1080px] lg:grid-cols-4 xl:max-w-[1180px]">
+      <div className="mx-auto grid max-w-full grid-cols-1 justify-items-center gap-3 px-4 min-[560px]:grid-cols-2 md:max-w-[820px] md:grid-cols-3 md:px-0 lg:max-w-[1080px] lg:grid-cols-4 xl:max-w-[1180px]">
         {items.map((item, index) => (
           <RecommendedCard
             key={item.id}