diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 66672bfa4999..2926d1f8c4a2 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -237,14 +237,12 @@ const Navigation = () => {
                       <Link to={menu.path} onClick={changeDropdownState} className="menu-item" activeClassName="nav-link-active">{menu.name}</Link>
                       <ul>
                         {menu.subItems !== undefined && menu.subItems.map((subItems, index) => {
-                          const externalLinks = ["Forum", "Catalog", "Playground"];
-
                           return (
                             <li
                               key={index}
                               className="mobile-nav-subitem"
                             >
-                              {externalLinks.includes(subItems.name) ?
+                              {subItems.externalLink ?
                                 <a href={subItems.path} target="_blank" onClick={ () => {
                                   changeDropdownState();
                                   closeDropDown();
diff --git a/src/sections/General/Navigation/utility/ScrollspyMenu.js b/src/sections/General/Navigation/utility/ScrollspyMenu.js
index d635c1fc4b7b..f9ca80349627 100644
--- a/src/sections/General/Navigation/utility/ScrollspyMenu.js
+++ b/src/sections/General/Navigation/utility/ScrollspyMenu.js
@@ -71,12 +71,10 @@ const ScrollspyMenu = ({ menuItems, ...props }) => {
                 <Link className="section" to={activeState.path} activeClassName="nav-link-active">{activeState.name}
                 </Link>
                 {activeState.subItems.map((subItem, i) => {
-                  const externalLinks = ["Forum", "Catalog", "Playground"];
-
                   return (
                     <li key={i}>
-                      {externalLinks.includes(subItem.name) ?
-                        <a href={subItem.path} target="_blank" className="sub-item" rel="noreferrer">
+                      {subItem.externalLink ?
+                        <a href={subItem.path} target="_blank" className={subItem.sepLine && "sub-item"} rel="noreferrer">
                           {subItem.name}
                         </a>
                         : <Link to={subItem.path} partiallyActive={false} className={subItem.sepLine && "sub-item"} activeClassName="nav-link-active">
diff --git a/src/sections/General/Navigation/utility/menu-items.js b/src/sections/General/Navigation/utility/menu-items.js
index cf7672050611..22eb4c0f297c 100644
--- a/src/sections/General/Navigation/utility/menu-items.js
+++ b/src/sections/General/Navigation/utility/menu-items.js
@@ -87,10 +87,12 @@ const Data = {
         {
           name: "Meshery",
           path: "/cloud-native-management/meshery",
+          sepLine: true
         },
         {
           name: "Catalog",
           path: "/catalog",
+          externalLink: true
         },
         {
           name: "Docker Extension",
@@ -103,6 +105,7 @@ const Data = {
         {
           name: "Playground",
           path: "/cloud-native-management/playground",
+          externalLink: true
         },
         {
           name: "Nighthawk",
@@ -162,7 +165,8 @@ const Data = {
         {
           name: "Forum",
           path: "https://discuss.layer5.io",
-          sepLine: true
+          sepLine: true,
+          externalLink: true
         },
         {
           name: "Workshops",