diff --git a/src/components/pages/BooksPage/BooksPage.tsx b/src/components/pages/BooksPage/BooksPage.tsx
index 334af859f023..8733bbb24246 100644
--- a/src/components/pages/BooksPage/BooksPage.tsx
+++ b/src/components/pages/BooksPage/BooksPage.tsx
@@ -10,6 +10,7 @@ const CaseStudiesPage: React.FC = () => {
     <Layout
       title={`Books`}
       description="Learn about the basics of using Apache Pulsar"
+      wrapperClassName="LandingPage"
     >
       <Page>
         <section className={s.Header}>
diff --git a/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx b/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
index 7ec66a379527..90706328633f 100644
--- a/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
+++ b/src/components/pages/CaseStudiesPage/CaseStudiesPage.tsx
@@ -19,6 +19,7 @@ const CaseStudiesPage: React.FC = () => {
     <Layout
       title={`Case studies`}
       description="Learn about the basics of using Apache Pulsar"
+      wrapperClassName="LandingPage"
     >
       <Page>
         <section className={s.Header}>
diff --git a/src/components/pages/CommunityPage/CommunityPage.tsx b/src/components/pages/CommunityPage/CommunityPage.tsx
index 757229dfc825..4aebaa20c29a 100644
--- a/src/components/pages/CommunityPage/CommunityPage.tsx
+++ b/src/components/pages/CommunityPage/CommunityPage.tsx
@@ -18,6 +18,7 @@ export default function CommunityPage(): JSX.Element {
     <Layout
       title={"Community"}
       description={"Learn about the basics of using Apache Pulsar"}
+      wrapperClassName="LandingPage"
     >
       <Page>
         <section id="section-welcome">
diff --git a/src/components/pages/EcosystemPage/EcosystemPage.tsx b/src/components/pages/EcosystemPage/EcosystemPage.tsx
index 9669994f08f9..6c4bbc1ff0c0 100644
--- a/src/components/pages/EcosystemPage/EcosystemPage.tsx
+++ b/src/components/pages/EcosystemPage/EcosystemPage.tsx
@@ -19,6 +19,7 @@ const EcosystemPage: React.FC = () => {
     <Layout
       title={`Ecosystem`}
       description="Learn about the basics of using Apache Pulsar"
+      wrapperClassName="LandingPage"
     >
       <Page>
         <section className={s.Header}>
diff --git a/src/components/pages/EventsPage/EventsPage.tsx b/src/components/pages/EventsPage/EventsPage.tsx
index 259171b64181..b769c6f7e87a 100644
--- a/src/components/pages/EventsPage/EventsPage.tsx
+++ b/src/components/pages/EventsPage/EventsPage.tsx
@@ -17,6 +17,7 @@ const CaseStudiesPage: React.FC = () => {
     <Layout
       title={`Events`}
       description="Apache Pulsar Events"
+      wrapperClassName="LandingPage"
     >
       <Page>
         <div className={s.TopBlock}>
diff --git a/src/components/pages/HomePage/HomePage.tsx b/src/components/pages/HomePage/HomePage.tsx
index b978e20c9b44..78dc09aea10c 100644
--- a/src/components/pages/HomePage/HomePage.tsx
+++ b/src/components/pages/HomePage/HomePage.tsx
@@ -14,6 +14,7 @@ const HomePage = () => {
     <Layout
       title={"Apache Pulsar"}
       description={"Apache Pulsar is an open-source, distributed messaging and streaming platform built for the cloud."}
+      wrapperClassName="LandingPage"
     >
       <div className={s.Page}>
         <div className={s.Background}></div>
diff --git a/src/components/pages/PoweredByPage/PoweredByPage.tsx b/src/components/pages/PoweredByPage/PoweredByPage.tsx
index f7f80b259837..608e7d227056 100644
--- a/src/components/pages/PoweredByPage/PoweredByPage.tsx
+++ b/src/components/pages/PoweredByPage/PoweredByPage.tsx
@@ -10,7 +10,7 @@ import ContributeDataDrivenPage from "../../ui/ContributeDataDrivenPage/Contribu
 
 const PoweredByPage = () => {
   return (
-    <Layout>
+    <Layout wrapperClassName="LandingPage">
       <div className="tailwind">
         <div className="my-12 container">
           <header>
diff --git a/src/components/pages/ResourcesPage/ResourcesPage.tsx b/src/components/pages/ResourcesPage/ResourcesPage.tsx
index 44c0ac79098a..373f5e1f6cd1 100644
--- a/src/components/pages/ResourcesPage/ResourcesPage.tsx
+++ b/src/components/pages/ResourcesPage/ResourcesPage.tsx
@@ -18,6 +18,7 @@ const CaseStudiesPage: React.FC = () => {
     <Layout
       title={`Resources`}
       description="Learn about the basics of using Apache Pulsar"
+      wrapperClassName="LandingPage"
     >
       <Page>
         <div className={s.TopBlock}>
diff --git a/src/css/typography.css b/src/css/typography.css
index c80b6cc163b7..94ef708a1b04 100644
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -27,7 +27,7 @@
   font-weight: 400;
 }
 
-body {
+.LandingPage {
   font-size: 18px;
 }
 
@@ -54,4 +54,4 @@ h6 {
 
 blockquote {
   border-color: var(--border-color) !important;
-}
\ No newline at end of file
+}