From 36a085b3231743d3cfb563d34080a15837e6c612 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Thu, 14 Dec 2023 19:02:51 +0330
Subject: [PATCH] fix: typography styles

---
 .../mdx/CallToActionSection/CallToActionSection.scss        | 2 +-
 .../client/components/mdx/SectionHeader/SectionHeader.scss  | 6 +++++-
 .../client/components/mdx/SectionHeader/SectionHeader.tsx   | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss
index 4d65040..033dedc 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss
@@ -60,7 +60,7 @@
   }
 
   .mdx-cta-section__description {
-    @include lsd.typography('h4', false);
+    @include lsd.typography('h3', false);
   }
 
   .mdx-cta-section__link {
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.scss
index e5d07bc..2537509 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.scss
@@ -27,7 +27,11 @@
     flex-direction: column;
 
     &__title {
-      @include lsd.typography('body1');
+      @include lsd.typography('subtitle2');
+    }
+
+    &__description {
+      @include lsd.typography('h4');
     }
   }
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.tsx
index df00125..27063c8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/SectionHeader/SectionHeader.tsx
@@ -27,9 +27,9 @@ export const SectionHeader: React.FC<
 
       {description && (
         <Typography
-          className="mdx-section-header_description"
+          className="mdx-section-header__description"
           component="p"
-          variant="h4"
+          variant="h3"
         >
           {description}
         </Typography>