From 5c785304e88e7acd1a75dbd66a74f5d5f893a761 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Thu, 15 Feb 2024 03:33:47 +0900
Subject: [PATCH] style: style updates for CallToActionSection and ShowcaseCard

---
 .../mdx/CallToActionSection/CallToActionSection.scss          | 4 ++++
 .../mdx/CallToActionSection/CallToActionSection.tsx           | 2 +-
 .../src/client/components/mdx/ShowcaseCard/ShowcaseCard.scss  | 2 +-
 .../src/client/components/mdx/ShowcaseCard/ShowcaseCard.tsx   | 4 ++--
 4 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 8b6c595..d4dca0a 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
@@ -91,6 +91,10 @@
   }
 }
 
+.mdx-cta-section__title {
+  width: 100%;
+}
+
 .mdx-cta-section--full-width {
   .mdx-cta-section__container {
     display: grid;
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
index 63adceb..84c94b8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
@@ -171,7 +171,7 @@ export const CallToActionSection: React.FC<CallToActionSectionProps> = ({
         )}
       >
         <div className="mdx-cta-section__header">
-          <Typography component="h2" className="mdx-cta-section__title">
+          <Typography component="h2" className={clsx('mdx-cta-section__title')}>
             {title}
           </Typography>
           {href && ctaPosition === 'top' && (
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.scss
index 326f7e6..c842eef 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.scss
@@ -33,7 +33,7 @@
 }
 
 .mdx-showcase-card__description {
-  margin-top: 1.5rem;
+  margin-top: 1rem;
   padding-top: 0.5rem;
 }
 
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.tsx
index 66e9718..8a2e652 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/ShowcaseCard/ShowcaseCard.tsx
@@ -67,8 +67,8 @@ export const ShowcaseCard: React.FC<ShowcaseCardProps> = ({
         )}
         {name && (
           <Typography
-            variant="h2"
-            component="h2"
+            variant="h4"
+            component="h4"
             className="mdx-showcase-card__name"
           >
             {name}