diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 8c28359..ffe2077 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -10,6 +10,7 @@ function Footer() {
         }`}
     >
       <div className="px-4 sm:px-8 md:px-16 lg:px-32 xl:px-40">
+          <hr className="pt-5" />
         <div className="flex flex-wrap justify-evenly gap-10 pt-5 pb-5">
           <ul className={`flex-1 min-w-[200px] space-y-1 ${currentTheme.theme === "light" ? "text-gray-800" : "text-gray-400"}`}>
             <h3 className={`font-bold mb-2 ${currentTheme.theme === "light" ? "text-gray-800" : "text-gray-300"}`}>Our Products</h3>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 50a00b1..ffaba3c 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -98,7 +98,7 @@ function Navbar() {
           }
         >
           <HoverCard>
-            <HoverCardTrigger>
+            <HoverCardTrigger asChild>
               <div className="flex items-center text-center">
                 <img
                   src="/svg/bookingbag.svg"
@@ -134,7 +134,7 @@ function Navbar() {
         </NavLink>
 
         <HoverCard>
-          <HoverCardTrigger>
+          <HoverCardTrigger asChild>
             <div className="flex items-center border-2 border-indigo-400 text-indigo-400 rounded-lg px-2 py-1 text-xs font-medium">
               <svg
                 xmlns="http://www.w3.org/2000/svg"