From 81e05811a3afa65dcb746fac638650db1c14b739 Mon Sep 17 00:00:00 2001
From: Nishant Racherla <nishant.racherla@gmail.com>
Date: Mon, 15 Jan 2024 14:06:51 -0800
Subject: [PATCH] Fix dropdown items width

---
 components/navbar.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/navbar.tsx b/components/navbar.tsx
index ce607b6..38879e8 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -82,13 +82,23 @@ export default function Navbar() {
             </DropdownMenuLabel>
             <DropdownMenuSeparator />
             <DropdownMenuItem>
-              <Link href="/recipes?filter=all">All Recipes</Link>
+              <Link href="/recipes?filter=all" className="w-full">
+                All Recipes
+              </Link>
             </DropdownMenuItem>
             <DropdownMenuItem>
-              <Link href="/recipes?filter=popular">Popular Recipes</Link>
+              <Link href="/recipes?filter=popular" className="w-full">
+                Popular Recipes
+              </Link>
             </DropdownMenuItem>
             <DropdownMenuItem>
-              <Suspense fallback={<Link href="/add-recipe">Add a Recipe</Link>}>
+              <Suspense
+                fallback={
+                  <Link href="/add-recipe" className="w-full">
+                    Add a Recipe
+                  </Link>
+                }
+              >
                 <AddLink />
               </Suspense>
             </DropdownMenuItem>