diff --git a/src/components/sections/testimonial/TestimonialCardThirteen.tsx b/src/components/sections/testimonial/TestimonialCardThirteen.tsx
index 4a464d4..a84ef8a 100644
--- a/src/components/sections/testimonial/TestimonialCardThirteen.tsx
+++ b/src/components/sections/testimonial/TestimonialCardThirteen.tsx
@@ -96,7 +96,7 @@ const TestimonialCard = memo(({
     const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle);
 
     return (
-        <div className={cls("relative h-full card rounded-theme-capped p-6 flex flex-col justify-between", showRating ? "gap-5" : "gap-16", cardClassName)}>
+        <div className={cls("relative h-full card rounded-theme-capped p-6 flex flex-col justify-between transition-all duration-300 ease-out hover:w-[50vw]", showRating ? "gap-5" : "gap-16", cardClassName)}>
             <div className={cls("flex flex-col gap-5 items-start", contentWrapperClassName)}>
                 {showRating ? (
                     <div className={cls("relative z-1 flex gap-1", ratingClassName)}>