diff --git a/src/components/Guides.tsx b/src/components/Guides.tsx
index 576b01ed..851d35f8 100644
--- a/src/components/Guides.tsx
+++ b/src/components/Guides.tsx
@@ -40,10 +40,10 @@ export function Guides() {
       <div className="not-prose mt-4 grid grid-cols-1 gap-8 border-t border-zinc-900/5 pt-10 sm:grid-cols-2 xl:grid-cols-4 dark:border-white/5">
         {guides.map((guide) => (
           <div key={guide.href}>
-            <h3 className="text-sm font-semibold text-zinc-900 dark:text-white">
+            <h3 className="text-lg font-semibold text-zinc-900 dark:text-white">
               {guide.name}
             </h3>
-            <p className="mt-1 text-sm text-zinc-600 dark:text-zinc-400">
+            <p className="mt-1 text-base text-zinc-600 dark:text-zinc-400">
               {guide.description}
             </p>
             <p className="mt-4">
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 7ae3b9fe..7591e206 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -402,7 +402,7 @@ function NavigationGroup({
     <li className={clsx('relative mt-6', className)}>
       <motion.h2
         layout="position"
-        className="flex items-center justify-between text-xs font-semibold text-zinc-900 dark:text-white cursor-pointer"
+        className="flex items-center justify-between text-lg font-semibold text-zinc-900 dark:text-white cursor-pointer"
         onClick={() => toggleCollapse(group.title)}
       >
         {group.title}
diff --git a/src/components/Resources.tsx b/src/components/Resources.tsx
index 8dba9b38..cad3659f 100644
--- a/src/components/Resources.tsx
+++ b/src/components/Resources.tsx
@@ -183,13 +183,13 @@ function Resource({ resource }: { resource: Resource }) {
       <div className="absolute inset-0 rounded-2xl ring-1 ring-inset ring-zinc-900/7.5 group-hover:ring-zinc-900/10 dark:ring-white/10 dark:group-hover:ring-white/20" />
       <div className="relative rounded-2xl px-4 pb-4 pt-16">
         <ResourceIcon icon={resource.icon} />
-        <h3 className="mt-4 text-sm font-semibold leading-7 text-zinc-900 dark:text-white">
+        <h3 className="mt-4 text-lg font-semibold leading-7 text-zinc-900 dark:text-white">
           <Link href={resource.href}>
             <span className="absolute inset-0 rounded-2xl" />
             {resource.name}
           </Link>
         </h3>
-        <p className="mt-1 text-sm text-zinc-600 dark:text-zinc-400">
+        <p className="mt-1 text-base text-zinc-600 dark:text-zinc-400">
           {resource.description}
         </p>
       </div>
diff --git a/typography.ts b/typography.ts
index 013b5a2b..706d722d 100644
--- a/typography.ts
+++ b/typography.ts
@@ -42,7 +42,7 @@ export default function typographyStyles({ theme }: PluginUtils) {
 
         // Base
         color: 'var(--tw-prose-body)',
-        fontSize: theme('fontSize.sm')[0],
+        fontSize: theme('fontSize.base')[0],
         lineHeight: theme('lineHeight.7'),
 
         // Text