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

---
 .../portfolio/PortfolioCardSkeleton/index.tsx                | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components-features/portfolio/PortfolioCardSkeleton/index.tsx b/components-features/portfolio/PortfolioCardSkeleton/index.tsx
index 89a0535..a040d5f 100644
--- a/components-features/portfolio/PortfolioCardSkeleton/index.tsx
+++ b/components-features/portfolio/PortfolioCardSkeleton/index.tsx
@@ -1,3 +1,4 @@
+import { opaqueDarkBgColor, opaqueLightBgColor } from '@/constants/colors';
 import { BORDER_RADIUS_DEFAULT } from '@/constants/settings';
 import {
   Card,
@@ -12,14 +13,14 @@ import 'react-loading-skeleton/dist/skeleton.css';
 import './index.scss';
 
 export default function PortfolioCardSkeleton() {
-  const baseColor = useColorModeValue('#EDF2F7', '#718096');
+  const baseColor = useColorModeValue('#A0AEC0', '#718096');
   const highlightColor = useColorModeValue('#E2E8F0', '#A0AEC0');
 
   return (
     <Card
+      bg={useColorModeValue(opaqueLightBgColor, opaqueDarkBgColor)}
       borderRadius={BORDER_RADIUS_DEFAULT}
       maxW="md"
-      minW={{ base: 'xs', md: 'md' }}
     >
       <CardHeader>
         <Skeleton