diff --git a/src/app/components/AccountButton.tsx b/src/app/components/AccountButton.tsx
new file mode 100644
index 0000000..3e511ef
--- /dev/null
+++ b/src/app/components/AccountButton.tsx
@@ -0,0 +1,15 @@
+import { faUser } from '@fortawesome/free-regular-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Link from 'next/link'
+
+export function AccountButton () {
+  return (
+    <>
+      <div className='relative'>
+        <Link href='/account' className='home-button absolute -top-4 -left-4'>
+          <FontAwesomeIcon icon={faUser} />
+        </Link>
+      </div>
+    </>
+  )
+}
diff --git a/src/app/components/DiscordButton.tsx b/src/app/components/DiscordButton.tsx
index b203c9b..40a4a7c 100644
--- a/src/app/components/DiscordButton.tsx
+++ b/src/app/components/DiscordButton.tsx
@@ -6,7 +6,7 @@ export function DiscordButton () {
   return (
     <>
       <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -right-4'>
+        <Link href='/discord' className='home-button absolute -top-4 -right-4'>
           <FontAwesomeIcon icon={faDiscord} />
         </Link>
       </div>
diff --git a/src/app/components/HomeButton.tsx b/src/app/components/HomeButton.tsx
index 5ed266f..255aaa0 100644
--- a/src/app/components/HomeButton.tsx
+++ b/src/app/components/HomeButton.tsx
@@ -1,3 +1,5 @@
+import { faHome } from '@fortawesome/free-regular-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 
 export function HomeButton () {
@@ -5,7 +7,7 @@ export function HomeButton () {
     <>
       <div className='relative'>
         <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
+          <FontAwesomeIcon icon={faHome} />
         </Link>
       </div>
     </>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index fe2e4ab..dcf9fb6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,10 +13,6 @@ export default function RootLayout ({
   return (
     <html lang='en'>
       <head>
-        <link
-          rel='stylesheet'
-          href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=home,search'
-        />
         <link
           rel='icon'
           type='image/png'
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4ffbd26..4f48da5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { Metadata } from 'next'
 import { DiscordButton } from './components/DiscordButton'
+import { AccountButton } from './components/AccountButton'
 
 export const metadata: Metadata = {
   title: 'Lncvrt Games - Home',
@@ -11,6 +12,7 @@ export const metadata: Metadata = {
 export default function Home () {
   return (
     <div className='box'>
+      <AccountButton />
       <DiscordButton />
       <p className='text-center text-4xl'>Lncvrt Games</p>
       <p className='text-center text-[18px] mb-4'>
