diff --git a/src/components/DiscordButton/index.tsx b/src/components/DiscordButton/index.tsx
index d6c692a..0eed1a2 100644
--- a/src/components/DiscordButton/index.tsx
+++ b/src/components/DiscordButton/index.tsx
@@ -1,12 +1,10 @@
 import React, { PropsWithChildren } from "react"
 import * as SC from "./styles"
 
-function DiscordButton({ children }: PropsWithChildren<{}>) {
+export function DiscordButton({ children }: PropsWithChildren<{}>) {
   return (
     <SC.DiscordButtonWrapper>
       <SC.StyledDiscordLogo /> {children}
     </SC.DiscordButtonWrapper>
   )
 }
-
-export default DiscordButton
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 47e96c3..46ec8b1 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,6 +1,6 @@
 import { Link } from "gatsby"
 import React, { PropsWithChildren, useLayoutEffect, useState } from "react"
-import DiscordButton from "../DiscordButton"
+import { DiscordButton } from "../DiscordButton"
 import { WavesBottom, WavesTop } from "../Waves"
 import * as SC from "./styles"