diff --git a/site/src/App.js b/site/src/App.js
index 77c5810..1d561f9 100644
--- a/site/src/App.js
+++ b/site/src/App.js
@@ -100,7 +100,7 @@ const App = () => {
             <div>
               <h1>Join the community!</h1>
               <p>Engage in the Meshery community by joining us on Slack</p>
-              <Button href="https://slack.meshery.io/" >Join Our Open Source Community</Button>
+              <Button url="https://slack.meshery.io/" >Join Our Open Source Community</Button>
             </div>
           </section>
           <section>
diff --git a/site/src/App.style.js b/site/src/App.style.js
index cb3bb50..0fb51a4 100644
--- a/site/src/App.style.js
+++ b/site/src/App.style.js
@@ -265,21 +265,6 @@ export const Main = styled.main`
 
   .join-community {
     text-align: center;
-    a {
-      display: block;
-      background: #ebc017;
-      color: ${({ theme }) => theme.btn};
-      width: 14rem;
-      padding: 1rem;
-      margin: auto;
-      border-radius: 0.5rem;
-      transition: 0.2s ease-in-out;
-      &:hover {
-        background-color: rgba(255, 208, 25, 1);
-        box-shadow: 0px 0px 12px #ebc017;
-        color: #fff;
-      }
-    }
   }
 section.playground-btn {
   margin-top: 4rem;