From a65b003b1d42a89b900875820a05b220d5c07d50 Mon Sep 17 00:00:00 2001
From: katty barroso <kattybarroso1321@gmail.com>
Date: Tue, 15 Oct 2024 19:47:39 +0200
Subject: [PATCH] Fix short description spacing to fit elements

---
 .../src/components/PoolCard/index.tsx         | 29 +++++++++----------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/centrifuge-app/src/components/PoolCard/index.tsx b/centrifuge-app/src/components/PoolCard/index.tsx
index f87a8491bf..a45f0d3b66 100644
--- a/centrifuge-app/src/components/PoolCard/index.tsx
+++ b/centrifuge-app/src/components/PoolCard/index.tsx
@@ -35,7 +35,7 @@ const StyledRouterTextLink = styled(RouterTextLink)`
 const StyledCard = styled(Card)`
   width: 100%;
   max-width: 100%;
-  height: 320px;
+  height: 300px;
 
   margin-right: 12px;
   margin-bottom: 12px;
@@ -263,24 +263,21 @@ export function PoolCard({
             {tranchesData?.map((tranche) => renderText(`${tranche.minInvestment}`))}
           </Stack>
         </Box>
-        {metaData?.pool?.issuer?.shortDescription ||
-          (isTinlakePool && (
-            <Box marginY={12}>
-              <Text as="p" variant="body2" color="textButtonPrimaryDisabled">
-                {isTinlakePool
-                  ? tinlakeTranches[tinlakeKey].shortDescription
-                  : metaData?.pool?.issuer?.shortDescription}
-              </Text>
-            </Box>
-          ))}
+        {(metaData?.pool?.issuer?.shortDescription || isTinlakePool) && (
+          <Box marginY={12}>
+            <Text as="p" variant="body3" color="textButtonPrimaryDisabled">
+              {isTinlakePool ? tinlakeTranches[tinlakeKey].shortDescription : metaData?.pool?.issuer?.shortDescription}
+            </Text>
+          </Box>
+        )}
+
         <Box display="flex" justifyContent="space-between" mt={1}>
-          <Text variant="body2">Asset type</Text>
-          <Text variant="body2">{assetClass ?? '-'}</Text>
+          <Text variant="body3">Asset type</Text>
+          <Text variant="body3">{assetClass ?? '-'}</Text>
         </Box>
         <Box display="flex" justifyContent="space-between">
-          <Text variant="body2">Investor type</Text>
-          <Text variant="body2">
-            {' '}
+          <Text variant="body3">Investor type</Text>
+          <Text variant="body3">
             {isTinlakePool ? tinlakeTranches[tinlakeKey].investorType : metaData?.pool?.investorType ?? '-'}
           </Text>
         </Box>