From 5caa903a5b7d0072408ec07609dae960ce3a0a0b Mon Sep 17 00:00:00 2001
From: tcaish <77754475+tcaish@users.noreply.github.com>
Date: Fri, 31 May 2024 15:52:56 -0400
Subject: [PATCH] fix portfolio card skeleton styling

---
 .../portfolio/PortfolioCardSkeleton/index.tsx             | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components-features/portfolio/PortfolioCardSkeleton/index.tsx b/components-features/portfolio/PortfolioCardSkeleton/index.tsx
index a040d5f..384bab3 100644
--- a/components-features/portfolio/PortfolioCardSkeleton/index.tsx
+++ b/components-features/portfolio/PortfolioCardSkeleton/index.tsx
@@ -6,6 +6,7 @@ import {
   CardFooter,
   CardHeader,
   Stack,
+  Text,
   useColorModeValue
 } from '@chakra-ui/react';
 import Skeleton from 'react-loading-skeleton';
@@ -23,6 +24,13 @@ export default function PortfolioCardSkeleton() {
       maxW="md"
     >
       <CardHeader>
+        {/* This component is needed to make sure the card's width is as wide as
+        it can get. If this wasn't here, the card would be very small and not
+        look normal. */}
+        <Text h={0} opacity={0}>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit.
+        </Text>
+
         <Skeleton
           baseColor={baseColor}
           highlightColor={highlightColor}