diff --git a/src/server/index.tsx b/src/server/index.tsx
index e94c0d7..93ab2da 100644
--- a/src/server/index.tsx
+++ b/src/server/index.tsx
@@ -69,7 +69,7 @@ server.get("/*", async (req, res) => {
 
   res.send(`
            <!DOCTYPE html>
-           <html ${helmet.htmlAttributes.toString()} lang="en">
+           <html ${helmet.htmlAttributes.toString()} lang="en" class="scroll-smooth">
            <head>
            ${erudaInit()}
 
@@ -87,7 +87,7 @@ server.get("/*", async (req, res) => {
 
            <!-- Styles -->
            <link rel="stylesheet" type="text/css" href="/static/styles/styles.css" />
-           <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu">
+           <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
 
            ${helmet.link.toString()}
            </head>
diff --git a/src/shared/components/main.tsx b/src/shared/components/main.tsx
index f214ca5..2b874b3 100644
--- a/src/shared/components/main.tsx
+++ b/src/shared/components/main.tsx
@@ -21,7 +21,7 @@ interface MainProps {
 const TitleBlock = ({ i }: MainProps) => (
   <div className="py-16 flex flex-col items-center">
     <div className="flex flex-col items-center gap-4 mb-8">
-      <p className={`text-6xl font-bold ${TEXT_GRADIENT}`}>Lemmy</p>
+      <p className={`text-6xl font-bold ${TEXT_GRADIENT} p-2 z-10`}>Lemmy</p>
       <p className="text-3xl font-medium text-center">{i18n.t("lemmy_desc")}</p>
     </div>
     <div className="flex flex-row justify-around gap-4">
@@ -104,9 +104,9 @@ const FollowCommunitiesBlock = ({ i }: MainProps) => (
 
 const FeatureCard = ({ pic, title, subtitle, classes }) => (
   <div className={`card ${CARD_GRADIENT} shadow-xl ${classes}`}>
-    <figure className="p-4">
+    <div className="p-4">
       <img src={pic} className="rounded-xl w-full object-fill min-h-[300px]" />
-    </figure>
+    </div>
     <div className="card-body pt-0">
       <h2 className="card-title text-secondary">{title}</h2>
       <p className="text-sm text-gray-300">{subtitle}</p>
diff --git a/src/shared/components/navbar.tsx b/src/shared/components/navbar.tsx
index b2e1f3c..5eda9ee 100644
--- a/src/shared/components/navbar.tsx
+++ b/src/shared/components/navbar.tsx
@@ -11,42 +11,42 @@ const NavLinks = () => (
   <>
     <NavLink
       content={
-        <Link onClick={() => closeNavbarDropdown()} to="/instances">
+        <Link onClick={closeNavbarDropdown} to="/instances">
           {i18n.t("join")}
         </Link>
       }
     />
     <NavLink
       content={
-        <Link onClick={() => closeNavbarDropdown()} to="/news">
+        <Link onClick={closeNavbarDropdown} to="/news">
           {i18n.t("news")}
         </Link>
       }
     />
     <NavLink
       content={
-        <Link onClick={() => closeNavbarDropdown()} to="/apps">
+        <Link onClick={closeNavbarDropdown} to="/apps">
           {i18n.t("apps")}
         </Link>
       }
     />
     <NavLink
       content={
-        <Link onClick={() => closeNavbarDropdown()} to="/donate">
+        <Link onClick={closeNavbarDropdown} to="/donate">
           {i18n.t("donate")}
         </Link>
       }
     />
     <NavLink
       content={
-        <a onClick={() => closeNavbarDropdown()} href={`/docs/index.html`}>
+        <a onClick={closeNavbarDropdown} href="/docs/index.html">
           {i18n.t("docs")}
         </a>
       }
     />
     <NavLink
       content={
-        <Link onClick={() => closeNavbarDropdown()} to="/contact">
+        <Link onClick={closeNavbarDropdown} to="/contact">
           {i18n.t("contact")}
         </Link>
       }
diff --git a/tailwind.config.js b/tailwind.config.js
index 6b76157..9b1ae4c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     fontFamily: {
-      sans: ["Ubuntu", ...defaultTheme.fontFamily.sans],
+      sans: ["Inter", ...defaultTheme.fontFamily.sans],
     },
     extend: {},
   },
