diff --git a/src/components/DiscordButton/index.tsx b/src/components/DiscordButton/index.tsx
index 67bc74e..93e1787 100644
--- a/src/components/DiscordButton/index.tsx
+++ b/src/components/DiscordButton/index.tsx
@@ -3,7 +3,7 @@ import * as SC from "./styles"
 
 export const DiscordButton: FC = ({ children }) => {
   return (
-    <SC.DiscordButtonWrapper>
+    <SC.DiscordButtonWrapper href="https://discord.gg/programming">
       <SC.StyledDiscordLogo /> {children}
     </SC.DiscordButtonWrapper>
   )
diff --git a/src/components/DiscordButton/styles.tsx b/src/components/DiscordButton/styles.tsx
index 5998356..fe7db18 100644
--- a/src/components/DiscordButton/styles.tsx
+++ b/src/components/DiscordButton/styles.tsx
@@ -1,13 +1,14 @@
 import styled from "styled-components"
 import DiscordLogo from "../../images/discord-logo.svg"
 
-export const DiscordButtonWrapper = styled.div`
+export const DiscordButtonWrapper = styled.a`
   margin-top: 32px;
   display: flex;
   align-items: center;
   font-family: "Oxygen", sans-serif;
   font-size: 24px;
   font-weight: 700;
+  text-decoration: none;
   text-transform: uppercase;
   background: ${props => props.theme.discord.base};
   color: #fff;