diff --git a/src/app/page.tsx b/src/app/page.tsx
index 188799a..c6ac157 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,6 +41,7 @@ export default function LandingPage() {
             leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/a-futuristic-and-clean-ielts-exam-dashbo-1774606537627-d6fe36dd.png", imageAlt: "IELTS Dashboard" }]}
             rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/an-image-illustrating-a-digital-speaking-1774606536650-c144e972.png", imageAlt: "Speaking Test" }]}
             buttons={[{ text: "Start Speaking", href: "/speaking" }, { text: "Start Writing", href: "/writing" }]}
+            buttonClassName="[&>button:first-child]:bg-primary [&>button:last-child]:bg-secondary"
           />
         </div>