diff --git a/components/element-navigation-menu.tsx b/components/element-navigation-menu.tsx
index 9e25068c..acf988b8 100644
--- a/components/element-navigation-menu.tsx
+++ b/components/element-navigation-menu.tsx
@@ -54,14 +54,14 @@ const components: { title: string; href: string; description: string }[] = [
 
 export function MyNavigationMenu() {
   return (
-    <NavigationMenu viewport={false}>
-      <NavigationMenuList>
-        <NavigationMenuItem>
-          <NavigationMenuTrigger className="bg-background/10 backdrop-blur-sm shadow-xl">
+    <NavigationMenu viewport={false} className="bg-transparent px-2">
+      <NavigationMenuList className="bg-transparent">
+        <NavigationMenuItem className="bg-transparent">
+          <NavigationMenuTrigger className="bg-transparent px-2">
             Navigation
           </NavigationMenuTrigger>
-          <NavigationMenuContent>
-            <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] bg-background/10 backdrop-blur-sm shadow-xl">
+          <NavigationMenuContent className="bg-transparent absolute w-[200px]">
+            <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] ">
               <li className="row-span-3">
                 <NavigationMenuLink asChild>
                   <a