diff --git a/src/components/sections/testimonial/TestimonialMetricsCards.tsx b/src/components/sections/testimonial/TestimonialMetricsCards.tsx
index c7daf4b..7a96705 100644
--- a/src/components/sections/testimonial/TestimonialMetricsCards.tsx
+++ b/src/components/sections/testimonial/TestimonialMetricsCards.tsx
@@ -69,10 +69,10 @@ const TestimonialMetricsCards = ({
           <ScrollReveal variant="slide-up">
             <GridOrCarousel carouselThreshold={4}>
               {testimonials.map((testimonial) => (
-                <div key={testimonial.name} className={cls("relative aspect-3/4 rounded overflow-hidden", testimonial.name === "Alice Wong" && "bg-green-600")}>
+                <div key={testimonial.name} className={cls("relative aspect-3/4 rounded overflow-hidden", testimonial.name === "Alice Wong" && "bg-green-600", testimonial.name === "Sarah Miller" && "bg-red-600")}>
                   <ImageOrVideo imageSrc={testimonial.imageSrc} videoSrc={testimonial.videoSrc} />
 
-                  <div className={cls("absolute inset-x-5 bottom-5 flex flex-col gap-2 p-3 xl:p-4 2xl:p-5 rounded backdrop-blur-sm", testimonial.name === "Alice Wong" ? "bg-green-600 text-white" : "card")}>
+                  <div className={cls("absolute inset-x-5 bottom-5 flex flex-col gap-2 p-3 xl:p-4 2xl:p-5 rounded backdrop-blur-sm", testimonial.name === "Alice Wong" ? "bg-green-600 text-white" : testimonial.name === "Sarah Miller" ? "bg-red-600 text-white" : "card")}>
                     <div className="flex gap-1 mb-1">
                       {Array.from({ length: 5 }).map((_, index) => (
                         <Star