public/index.html

@@ -25,6 +25,10 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+
+    <!-- link to font awesome -->
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v6.4.2/css/all.css">
+    
     <title>WrenchBoard</title>
     <meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
     <meta property="business:contact_data:street_address" content="Cumberland Pkwy">

src/assets/css/main.css

@@ -7563,7 +7563,11 @@ blockquote cite {
 }
 
 .ab-social a.twi {
-  background: #00aced;
+  background: #fff;
+  color: #0e1133;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .ab-social a.you {

src/components/Contact/Forms.js

@@ -33,8 +33,8 @@ function Forms() {
 
        const callRet = ContactData(callData);
        console.log('You clicked submit========> '+ callRet);
+    }
 
-      }
 
 
     return (
@@ -82,7 +82,7 @@ function Forms() {
                                         <i className="fab fa-facebook-f"></i>
                                     </a>
                                     <a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
-                                        <i className="fab fa-twitter"></i>
+                                        <i className="fab fa-x-twitter"></i>
                                     </a>
                                     <a className="you" href="#">
                                         <i className="fab fa-youtube"></i>