diff --git a/apps/website/src/app/layout.tsx b/apps/website/src/app/layout.tsx
index 58a734da..e4c98ffa 100644
--- a/apps/website/src/app/layout.tsx
+++ b/apps/website/src/app/layout.tsx
@@ -2,9 +2,7 @@ import type { Metadata } from "next"
 import dynamic from "next/dynamic"
 import { Inter, Open_Sans } from "next/font/google"
 import "@myfursona/biro-ui/styles/globals.scss"
-import "@fortawesome/fontawesome-svg-core/styles.css"
 import "react-quill/dist/quill.snow.css"
-import { config } from "@fortawesome/fontawesome-svg-core"
 import Providers from "@/context"
 import {
   ClientInit,
@@ -15,8 +13,6 @@ import {
   SkipNav
 } from "@/components/base"
 
-config.autoAddCss = false
-
 const Sidebar = dynamic(
   () => import("@/components/base").then((c) => c.Sidebar),
   { ssr: false }
diff --git a/apps/website/src/components/ui/Menu/MenuItem.tsx b/apps/website/src/components/ui/Menu/MenuItem.tsx
index 312eedd5..b8a49cb2 100644
--- a/apps/website/src/components/ui/Menu/MenuItem.tsx
+++ b/apps/website/src/components/ui/Menu/MenuItem.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link"
 import type { UrlObject } from "url"
 import type { ReactElement } from "react"
-import type { LucideIcon } from "lucide-react"
+import type { IconType } from "react-icons"
 
 export default function MenuItem({
   prefix,
@@ -9,8 +9,8 @@ export default function MenuItem({
   name,
   href
 }: {
-  prefix: ReactElement<LucideIcon> | ReactElement
-  suffix?: ReactElement<LucideIcon> | ReactElement
+  prefix: ReactElement<IconType> | ReactElement
+  suffix?: ReactElement<IconType> | ReactElement
   name: string
   href: string
 }) {