diff --git a/src/app/(routes)/(website)/components/testimonials/testimonials.tsx b/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
index e474ae6..e655005 100644
--- a/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
+++ b/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
@@ -102,7 +102,7 @@ export default function Testimonials({ dict }: TestimonialsProps) {
         {dict.homePage.testimonials.description}
       </p>
       <div
-        className="no-scrollbar relative flex min-h-[780px] w-full select-none flex-nowrap items-start gap-8 overflow-x-scroll py-4 sm:min-h-[560px] lg:min-h-[450px] xl:min-h-[370px] 2xl:min-h-[370px]" // Hide scrollbar using CSS
+        className="no-scrollbar relative flex min-h-[800px] w-full select-none flex-nowrap items-start gap-8 overflow-x-scroll py-4 sm:min-h-[590px] md:min-h-[560px] lg:min-h-[450px] xl:min-h-[370px] 2xl:min-h-[370px]" // Hide scrollbar using CSS
         ref={sliderRef}
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => {
@@ -150,8 +150,8 @@ export default function Testimonials({ dict }: TestimonialsProps) {
           <li
             key={index}
             className={`${
-              currentIndex === index ? "bg-[#FD6F00]" : "bg-[#D9D9D9]"
-            } h-[16px] w-[40px] rounded-lg hover:cursor-pointer`}
+              currentIndex === index ? "bg-[#FD6F00] shadow-lg" : "bg-[#D9D9D9]"
+            } h-[40px] w-[40px] rounded-lg hover:cursor-pointer sm:h-[30px] md:h-[30px] lg:h-[20px] sm:w-[50px] md:w-[50px] lg:w-[50px]`}
             onClick={() => {
               setCurrentIndex(index);
               setBulletClicked(true);