diff --git a/apps/web/src/components/about/tech-stack.tsx b/apps/web/src/components/about/tech-stack.tsx
index 1ab9dfa6..ed3d5104 100644
--- a/apps/web/src/components/about/tech-stack.tsx
+++ b/apps/web/src/components/about/tech-stack.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import "./tech-stack.css";
+import "@/styles/about/tech-stack.css";
 
 type TechStack = {
   name: string;
@@ -24,7 +24,7 @@ const TechStackV1: React.FC<TechStackV1Props> = ( {techStacks} ) => {
         <li key={category} className="service-item">
           <div className="tech-stack-container">
             {stacks.map((stack) => (
-              <div key={stack.name} className="tech-icon text-orange-yellow-crayola">
+              <div key={stack.name} className="tech-icon text-white-2">
                 {stack.icon}
               </div>
             ))}
diff --git a/apps/web/src/components/about/tech-stack.css b/apps/web/src/styles/about/tech-stack.css
similarity index 96%
rename from apps/web/src/components/about/tech-stack.css
rename to apps/web/src/styles/about/tech-stack.css
index 0b1731a0..db101dcf 100644
--- a/apps/web/src/components/about/tech-stack.css
+++ b/apps/web/src/styles/about/tech-stack.css
@@ -34,8 +34,6 @@
   justify-content: center;
   font-size: 2rem;
   /* Adjust icon size */
-  color: white;
-  /* Icon color */
 }
 
 .icon-label {