From 4e2f4135ab64c1d098deac5ce2f1f6ad453a28e3 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Mon, 10 Jul 2023 23:38:17 +0330
Subject: [PATCH] fix: fix FeatureList layout

---
 .../components/mdx/FeatureList/FeatureList.scss       | 11 ++++++++++-
 .../client/components/mdx/FeatureList/FeatureList.tsx |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
index 65301c1..9612311 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
@@ -29,6 +29,12 @@
 
 .mdx-feature-list__feature {
   border-top: 1px solid rgb(var(--lsd-border-primary));
+  min-height: 332px;
+}
+
+.mdx-feature-list__feature-inner {
+  display: flex;
+  flex-direction: column;
 }
 
 .mdx-feature-list__feature-title {
@@ -36,7 +42,10 @@
 }
 
 .mdx-feature-list__feature-description {
-  margin-top: 8.625rem;
+  flex: 1 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
 }
 
 .mdx-feature-list__extra {
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
index c1c86b9..6686237 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
@@ -55,7 +55,7 @@ export const FeatureList: React.FC<FeatureListProps> = ({
                 component="h3"
                 className="mdx-feature-list__feature-description"
               >
-                {feature.description}
+                <span>{feature.description}</span>
               </Typography>
             </div>
             <div className="mdx-feature-list__feature-border"></div>