diff --git a/src/frontend/src/components/skeletonCardComponent/index.tsx b/src/frontend/src/components/skeletonCardComponent/index.tsx
index a9857e4f4..6fe086973 100644
--- a/src/frontend/src/components/skeletonCardComponent/index.tsx
+++ b/src/frontend/src/components/skeletonCardComponent/index.tsx
@@ -5,11 +5,11 @@ export const SkeletonCardComponent = (): JSX.Element => {
     <div className="skeleton-card">
       <div className="skeleton-card-wrapper">
         <Skeleton className="h-8 w-8 rounded-full" />
-        <Skeleton className="h-4 w-[120px]" />
+        <Skeleton className="h-4 w-[40%]" />
       </div>
       <div className="skeleton-card-text">
-        <Skeleton className="h-3 w-[250px]" />
-        <Skeleton className="h-3 w-[200px]" />
+        <Skeleton className="h-3 w-[90%]" />
+        <Skeleton className="h-3 w-[80%]" />
       </div>
     </div>
   );