diff --git a/src/components/NavbarMegaMenu/index.tsx b/src/components/NavbarMegaMenu/index.tsx
index 43eb8af..e116626 100644
--- a/src/components/NavbarMegaMenu/index.tsx
+++ b/src/components/NavbarMegaMenu/index.tsx
@@ -103,7 +103,7 @@ export const HoveredLink = ({ children, ...rest }: any) => {
   return (
     <Link
       {...rest}
-      className="text-neutral-700 dark:text-neutral-200 hover:text-black hover:no-underline"
+      className="text-neutral-700 dark:text-neutral-200 hover:no-underline hover:text-blue-600"
     >
       {children}
     </Link>
diff --git a/src/components/ProductsMenu/index.tsx b/src/components/ProductsMenu/index.tsx
index 81b7b70..8f674ed 100644
--- a/src/components/ProductsMenu/index.tsx
+++ b/src/components/ProductsMenu/index.tsx
@@ -7,7 +7,7 @@ const ProductsMenu = () => {
   return (
     <Menu setActive={setActive}>
       <MenuItem setActive={setActive} active={active} item="Products">
-        <div className="flex flex-col space-y-3 text-sm min-w-52">
+        <div className="flex flex-col space-y-3 text-sm min-w-64">
           <HoveredLink href="/docs">
             <div className="py-1">
               <h4 className="mb-1">Cortex.cpp</h4>
@@ -18,7 +18,7 @@ const ProductsMenu = () => {
           </HoveredLink>
           <HoveredLink href="/docs/cortex-platform">
             <div className="py-1">
-              <h4 className="mb-1">Cortex Platform</h4>
+              <h4 className="mb-1 ">Cortex Platform</h4>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Self-hosted AI Platform
               </p>
@@ -26,7 +26,12 @@ const ProductsMenu = () => {
           </HoveredLink>
           <HoveredLink>
             <div className="py-1">
-              <h4 className="mb-1">Cortex Desktop (Coming Soon)</h4>
+              <div className="flex gap-x-2 items-center">
+                <h4 className="mb-1 ">Cortex Desktop </h4>
+                <div className="inline-flex font-medium text-xs bg-yellow-400 text-yellow-800 py-1 px-2 rounded-full">
+                  Coming Soon
+                </div>
+              </div>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Easy-to-use Desktop app
               </p>
@@ -34,7 +39,12 @@ const ProductsMenu = () => {
           </HoveredLink>
           <HoveredLink>
             <div className="py-1">
-              <h4 className="mb-1">Cortex Server (Coming Soon)</h4>
+              <div className="flex gap-x-2 items-center">
+                <h4 className="mb-1 ">Cortex Server </h4>
+                <div className="inline-flex font-medium text-xs bg-yellow-400 text-yellow-800 py-1 px-2 rounded-full">
+                  Coming Soon
+                </div>
+              </div>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Run Cortex in Production
               </p>