diff --git a/src/components/sections/feature/FeatureCardTwentyFive.tsx b/src/components/sections/feature/FeatureCardTwentyFive.tsx
index 1abf4ab..10abd81 100644
--- a/src/components/sections/feature/FeatureCardTwentyFive.tsx
+++ b/src/components/sections/feature/FeatureCardTwentyFive.tsx
@@ -161,7 +161,7 @@ const FeatureCardTwentyFive = ({
               ))}
             </div>
             <div className="mt-5">
-              <button className={cls("bg-purple-500 text-background px-4 py-2 rounded-theme transition-colors hover:bg-purple-600", textBoxButtonClassName)}>
+              <button className={cls("bg-primary text-background px-4 py-2 rounded-theme transition-colors hover:bg-primary-dark", textBoxButtonClassName)}>
                 Take a Look at Dishes
               </button>
             </div>