diff --git a/site/src/assets/images/social-icons/twitter.svg b/site/src/assets/images/social-icons/twitter.svg
index efb5ce4..edba526 100644
--- a/site/src/assets/images/social-icons/twitter.svg
+++ b/site/src/assets/images/social-icons/twitter.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Capa_1" x="0" y="0" version="1.1" viewBox="0 0 512 512" xml:space="preserve" style="enable-background:new 0 0 512 512"><path style="fill:#03a9f4" d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016	c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992	c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056	c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152	c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792	c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44	C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568	C480.224,136.96,497.728,118.496,512,97.248z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1450.56 1100.19" style="enable-background:new 0 0 1668.56 1221.19" xml:space="preserve"><path d="m336.33 142.251 386.39 516.64-388.83 420.05h87.51l340.42-367.76 275.05 367.76h297.8l-408.13-545.7 361.92-390.99h-87.51l-313.51 338.7-253.31-338.7h-297.8zm128.69 64.46h136.81l604.13 807.76h-136.81l-604.13-807.76z"/></svg>
\ No newline at end of file
diff --git a/site/src/components/Footer/Footer.styles.js b/site/src/components/Footer/Footer.styles.js
index 2aed789..e907a3f 100644
--- a/site/src/components/Footer/Footer.styles.js
+++ b/site/src/components/Footer/Footer.styles.js
@@ -39,6 +39,9 @@ const FooterWrapper = styled.section`
           img {
             filter: invert(0);
           }
+          .hover-invert {
+            filter: invert(1);
+          }
         }
       }
     }
@@ -155,6 +158,12 @@ const FooterWrapper = styled.section`
       color: rgba(255, 255, 255, 0.5);
       transition: 0.2s all;
     }
+    .hover-invert {
+      &:hover {
+        img{
+          filter: invert(1);
+        }
+      }
   }
 `;
 
diff --git a/site/src/components/Footer/index.js b/site/src/components/Footer/index.js
index 1528873..771c13e 100644
--- a/site/src/components/Footer/index.js
+++ b/site/src/components/Footer/index.js
@@ -179,7 +179,7 @@ const Footer = () => {
           <ul className="section-categories">
           <li>
               <a
-                className="category-link"
+                className="category-link hover-invert "
                 href="https://twitter.com/mesheryio/"
               >
                 <img src={TwitterIcon} alt="Twitter Icon"/>
diff --git a/site/src/index.style.js b/site/src/index.style.js
index ebe5b9c..a01d584 100644
--- a/site/src/index.style.js
+++ b/site/src/index.style.js
@@ -96,6 +96,23 @@ export const GlobalStyle = createGlobalStyle`
   section{
     position: relative;
   }
+
+::-webkit-scrollbar {
+  width: 0.5rem;
+}
+
+::-webkit-scrollbar-track { 
+  background: ${({ theme }) => theme.trackcol};
+}
+ 
+::-webkit-scrollbar-thumb {
+  background: ${({ theme }) => theme.thumbcol};
+  border-radius: 0.3rem;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: ${({ theme }) => theme.thumbhover};
+}
 `;
 
 
@@ -105,6 +122,9 @@ export const lightTheme = {
   toggleBorder: '#FFF',
   background: '#363537',
   btn: '#FFF',
+  thumbcol : 'rgb(60,73,79)',
+  trackcol : 'rgb(255,255,255)',
+  thumbhover : 'rgb(85,85,85)',
 }
 export const darkTheme = {
   body: 'rgb(18, 18, 18)',
@@ -112,4 +132,7 @@ export const darkTheme = {
   toggleBorder: '#6B8096',
   background: '#999',
   btn: '#1E2117',
+  thumbcol : 'rgb(0,211,169)',
+  trackcol : 'rgb(18,18,18)',
+  thumbhover : 'rgb(85,85,85)',
 }