diff --git a/components/layout/header/Header1.js b/components/layout/header/Header1.js
index 7f01c6c..677ab76 100644
--- a/components/layout/header/Header1.js
+++ b/components/layout/header/Header1.js
@@ -19,7 +19,13 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSide
                     style={{ marginRight: "8px" }}
                     className="red-icon"
                   />
-                  <Link href="tel:647-722-3434">647-722-3434</Link>
+                  <Link href="tel:647-722-3434">
+                    <span style={{
+                      color: "white",
+                    }}>
+                      647-722-3434
+                    </span>
+                  </Link>
                 </li>
                 <li>
                   <img
@@ -28,7 +34,13 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSide
                     style={{ marginRight: "8px" }}
                     className="red-icon"
                   />
-                  <Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link>
+                  <Link href="mailto:bloor@rapharehab.ca">
+                    <span style={{
+                      color: "white",
+                    }}>
+                      bloor@rapharehab.ca
+                    </span>
+                  </Link>
                 </li>
               </ul>
 
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 1296e7a..3892ae1 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1299,7 +1299,7 @@
 
    .header-top .top-inner .social-links {
      justify-content: center;
-     gap: 20px;
+     gap: 18px;
    }
 
    /* Refuge */
@@ -3740,4 +3740,7 @@
    .main-menu .navigation>li {
      margin: 0px 10px !important;
    }
+ }
+ .color-white{
+  color: #fff !important;
  }
\ No newline at end of file