diff --git a/client/main.html b/client/main.html
index f78ae6a..c3855a5 100644
--- a/client/main.html
+++ b/client/main.html
@@ -4,7 +4,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link
-    href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,500;0,700;1,700&display=swap"
+    href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,500;0,700;1,700;0,900&display=swap"
     rel="stylesheet"
   />
 
diff --git a/constants/navigation.ts b/constants/navigation.ts
index cb9f61b..f2c1cad 100644
--- a/constants/navigation.ts
+++ b/constants/navigation.ts
@@ -22,7 +22,7 @@ export const navigation = [
   },
   {
     id: "seasonal",
-    name: "Seasonal Fruits & Vegetables",
+    name: "Seasonal Fruits & Vegies",
     href: "/seasonal-fruits-and-vegetables",
     icon: SunIcon,
     current: false,
diff --git a/imports/ui/atoms/Logo.tsx b/imports/ui/atoms/Logo.tsx
index 5c7145f..b629fad 100644
--- a/imports/ui/atoms/Logo.tsx
+++ b/imports/ui/atoms/Logo.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 const Logo = () => {
-  return <div>FOODFLOW</div>;
+  return <div className="font-extrabold">FOODFLOW</div>;
 };
 
 export default Logo;
diff --git a/imports/ui/atoms/TextToggle.tsx b/imports/ui/atoms/TextToggle.tsx
index 1f522bc..ed8a930 100644
--- a/imports/ui/atoms/TextToggle.tsx
+++ b/imports/ui/atoms/TextToggle.tsx
@@ -20,7 +20,7 @@ const TextToggle = ({
             onClick={() => onClick(val)}
             key={idx}
             className={cn("py-2 px-6 rounded-full text-center", {
-              "bg-primary text-white": selected === val,
+              "bg-primary text-white font-bold": selected === val,
               "text-primary": selected !== val,
             })}
           >
diff --git a/imports/ui/molecules/recipe-list-item.tsx b/imports/ui/molecules/recipe-list-item.tsx
index 91d6a9e..bc1223c 100644
--- a/imports/ui/molecules/recipe-list-item.tsx
+++ b/imports/ui/molecules/recipe-list-item.tsx
@@ -118,7 +118,7 @@ const RecipeListItem = ({
   return (
     <div
       className={cn(
-        "flex flex-col rounded-3xl border-gray-200 border text-black h-full font-bold",
+        "flex flex-col rounded-3xl border-gray-200 border text-black h-full",
         className
       )}
     >
@@ -166,7 +166,7 @@ const RecipeListItem = ({
       <div className="flex flex-col flex-grow p-3">
         <div>
           <div className="flex">
-            <span className="flex items-center text-xs pb-3 pr-2">
+            <span className="flex items-center text-xs font-bold pb-3 pr-2">
               <ClockIcon className="h-3 text-primary pr-1" />
               {!loading ? (
                 <span>
@@ -177,7 +177,7 @@ const RecipeListItem = ({
                 <TextSkeleton className="w-20" />
               )}
             </span>
-            <span className="flex items-center text-xs pb-3 pr-2">
+            <span className="flex items-center text-sm pb-3 pr-2">
               <UserIcon className="h-3 text-primary pr-1" />
               {!loading ? (
                 <span>{recipe.food.servings}</span>
diff --git a/imports/ui/organisms/dashboard-nav.tsx b/imports/ui/organisms/dashboard-nav.tsx
index 282977c..0f7c49d 100644
--- a/imports/ui/organisms/dashboard-nav.tsx
+++ b/imports/ui/organisms/dashboard-nav.tsx
@@ -22,7 +22,7 @@ const StaticSidebar = () => {
                 className={({ isActive }) =>
                   cx(
                     isActive
-                      ? "bg-primary bg-opacity-5 text-gray-900"
+                      ? "bg-primary bg-opacity-5 font-bold text-gray-900"
                       : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
                     "group flex items-center px-2 py-2 text-sm rounded-md"
                   )