diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index b0b28e8..fe31300 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -3908,10 +3908,6 @@ a.logo:hover {
   display: none;
 }
 
-.body-scrolled .social-nav {
-  color: #00898b;
-}
-
 .social-nav:hover {
   color: #00abad;
 }
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index ff189c4..fbf39dd 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -8,18 +8,18 @@ import Link from "next/link";
 import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
 const shareIcons: Record<string, any> = {
   phone: (
-    <span className="social-nav flex gap-3 text-2xl lg:text-gray-300">
+    <span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
       <FaPhone />
       <b className="text-sm">(520) 803-6644</b>
     </span>
   ),
-  facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
-  linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
+  facebook: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
+  linkedin: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
 };
 
 export default function Header({ links }: { links: typeof navMenuData }) {
   return (
-    <nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset relative">
+    <nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
       <div className="main-nav-sub full-wrapper">
         {/* Logo  (* Add your text or image to the link tag. Use SVG or PNG image format. 
               If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
diff --git a/src/utils/changeHeaderOnScroll.ts b/src/utils/changeHeaderOnScroll.ts
index 6f93a35..35e22dc 100644
--- a/src/utils/changeHeaderOnScroll.ts
+++ b/src/utils/changeHeaderOnScroll.ts
@@ -2,11 +2,9 @@ export const headerChangeOnScroll = () => {
   const mainNav = document.querySelector(".main-nav");
   const lightAfterScroll = document.querySelector(".light-after-scroll");
   if (window.scrollY > 0) {
-    mainNav?.classList.remove("transparent");
     mainNav?.classList.add("body-scrolled");
     if (lightAfterScroll) lightAfterScroll.classList.remove("dark");
   } else if (window.scrollY === 0) {
-    mainNav?.classList.add("transparent");
     mainNav?.classList.remove("body-scrolled");
     if (lightAfterScroll) lightAfterScroll.classList.add("dark");
   }