From 088fbbce375972ccdb438f5d8e364100d7351072 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Fri, 10 May 2024 18:49:18 +0200
Subject: [PATCH] Fix layout issue in Navbar.tsx component

---
 components/Navbar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 53d2471..1041c6c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -64,7 +64,6 @@ function Navbar() {
 
   const fetchLinks = async () => {
     try {
-      // you can also fetch all records at once via getFullList
       const res = await pb.collection("categories").getFullList({
         expand: "items",
       });
@@ -144,6 +143,7 @@ function Navbar() {
                                     .includes(searchTerm.toLowerCase()),
                                 )
                                 .map((script, index) => (
+                                  <SheetClose>
                                   <p key={index} className="py-1">
                                     <Link
                                       href={{
@@ -155,6 +155,7 @@ function Navbar() {
                                       {script.title} {script.item_type}
                                     </Link>
                                   </p>
+                                  </SheetClose>
                                 ))}
                             </AccordionContent>
                           </AccordionItem>