From e6676ea9a1e133b5dc6cb145d31cd623a5a324a1 Mon Sep 17 00:00:00 2001
From: Swrnv-qc <royswarnava5@gmail.com>
Date: Thu, 14 Mar 2024 17:21:02 +0530
Subject: [PATCH] fix: :bug: fix the texts

wrapped the texts in coretypographybody1

Ref: #99
---
 src/components/AppComponentContent.js | 22 ++++++++++++++--------
 src/components/AppComponentSection.js | 24 ++++++++++++++++--------
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/components/AppComponentContent.js b/src/components/AppComponentContent.js
index 2fe65da..ce3d521 100644
--- a/src/components/AppComponentContent.js
+++ b/src/components/AppComponentContent.js
@@ -70,21 +70,27 @@ function AppComponentContent() {
           <CoreBox>
             <CoreTypographyBody1>
               {`Version: ${packageJson.version}`}
-            </CoreTypographyBody1>
 
-            <CoreLink>Release Notes</CoreLink>
+              <CoreLink>Release Notes</CoreLink>
 
-            {" | "}
+              <CoreTypographyBody1>
+                {" | "}
+              </CoreTypographyBody1>
 
-            <CoreLink>Attributions</CoreLink>
+              <CoreLink>Attributions</CoreLink>
 
-            {" | "}
+              <CoreTypographyBody1>
+                {" | "}
+              </CoreTypographyBody1>
 
-            <CoreLink>Contributors</CoreLink>
+              <CoreLink>Contributors</CoreLink>
 
-            {" | "}
+              <CoreTypographyBody1>
+                {" | "}
+              </CoreTypographyBody1>
 
-            <CoreLink>Issue Board</CoreLink>
+              <CoreLink>Issue Board</CoreLink>
+            </CoreTypographyBody1>
           </CoreBox>
         </CoreBox>
 
diff --git a/src/components/AppComponentSection.js b/src/components/AppComponentSection.js
index 457a234..f638efe 100644
--- a/src/components/AppComponentSection.js
+++ b/src/components/AppComponentSection.js
@@ -37,21 +37,29 @@ export default function AppComponentSection(props) {
       <CoreBox>
         <CoreH5>{props.name}</CoreH5>
 
-        <CoreTypographyBody1>{props.version ? `Version: ${props.version}` : null}</CoreTypographyBody1>
+        <CoreTypographyBody1>
+          {props.version ? `Version: ${props.version}` : null}
 
-        <CoreLink>Release Notes</CoreLink>
+          <CoreLink>Release Notes</CoreLink>
 
-        {" | "}
+          <CoreTypographyBody1>
+            {" | "}
+          </CoreTypographyBody1>
 
-        <CoreLink>Attributions</CoreLink>
+          <CoreLink>Attributions</CoreLink>
 
-        {" | "}
+          <CoreTypographyBody1>
+            {" | "}
+          </CoreTypographyBody1>
 
-        <CoreLink>Contributors</CoreLink>
+          <CoreLink>Contributors</CoreLink>
 
-        {" | "}
+          <CoreTypographyBody1>
+            {" | "}
+          </CoreTypographyBody1>
 
-        <CoreLink>Issue Board</CoreLink>
+          <CoreLink>Issue Board</CoreLink>
+        </CoreTypographyBody1>
       </CoreBox>
 
       <CoreGrid