Fix dropdown items width

T1LT · Jan 15, 2024 · 81e0581 · 81e0581
1 parent 22a9503
commit 81e0581
Showing 1 changed file with 13 additions and 3 deletions.
diff --git 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>