From 1880f256ce893db17c672cd49693caa4496be42d Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Mon, 6 May 2024 21:53:18 +0200
Subject: [PATCH] Update Navbar.tsx to fix layout issue and improve UI

---
 components/Navbar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 22508c7..7acd197 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -93,7 +93,7 @@ function Navbar() {
   return (
     <>
       <div
-        className={`fixed left-0 top-0 z-50 flex w-full justify-center px-7 xl:px-0 ${isScrolled ? "border-b backdrop-blur-lg" : ""}`}
+        className={`fixed left-0 top-0 z-50 flex w-screen justify-center px-7 xl:px-0 ${isScrolled ? "border-b backdrop-blur-lg" : ""}`}
       >
         <div className="flex h-20 w-full max-w-7xl flex-row-reverse items-center justify-between sm:flex-row">
           <h2 className="font-semibold ">
@@ -142,8 +142,8 @@ function Navbar() {
                                   .toLowerCase()
                                   .includes(searchTerm.toLowerCase()),
                               ).map((script, index) => (
-                                <p key={index} className="py-1">
-                                  <SheetClose asChild>
+                                <SheetClose asChild>
+                                  <p key={index} className="py-1">
                                     <Link
                                       href={{
                                         pathname: "/scripts",
@@ -153,8 +153,8 @@ function Navbar() {
                                     >
                                       {script.title}
                                     </Link>
-                                  </SheetClose>
-                                </p>
+                                  </p>
+                                </SheetClose>
                               ))}
                             </AccordionContent>
                           </AccordionItem>