diff --git a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
index ddf2d3cd9..425beb035 100644
--- a/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
+++ b/nuxt-frontend/components/ios-app-development/CaseStudySection.vue
@@ -82,9 +82,9 @@
             <div class="flex flex-row justify-center h-screen">
               <div
                 :class="portfolio.row1Background"
-                class="flex flex-col justify-center !basis-[40%] justify-around px-8"
+                class="flex flex-col justify-center !basis-[40%] justify-around px-8 text-white"
               >
-                <div class="flex justify-end relative text-[#FFFFFF]">
+                <div class="flex justify-end relative">
                   <div
                     :class="portfolio.row1Background"
                     class="absolute top-4 xl:top-8 right-[-25%] xl:right-[-17%] 2xll:right-[-18%] xll:right-[-12%] 3xl:right-[-13%] w-[250px] h-[250px] p-8 xl:w-[300px] xl:h-[300px] rounded-full flex items-center"
@@ -96,11 +96,11 @@
                 <div
                   class="w-[19rem] xl:w-[33rem] mx-auto mt-44 xl:mt-72 description"
                 >
-                  <h2 class="header-2 text-[#FFFFFF]">
+                  <h2 class="header-2">
                     {{ portfolio.desktopDescription }}
                   </h2>
                   <div class="mt-6">
-                    <span class="sub-h3-semibold text-[#FFFFFF]/[0.80]">{{
+                    <span class="sub-h3-semibold opacity-80">{{
                       portfolio.subDescription
                     }}</span>
                   </div>