diff --git a/src/sections/AWS-Diagram/header.js b/src/sections/AWS-Diagram/header.js
index e0a7bdf8f9db..36eadcb56cfa 100644
--- a/src/sections/AWS-Diagram/header.js
+++ b/src/sections/AWS-Diagram/header.js
@@ -124,7 +124,7 @@ const Header = () => {
diff --git a/src/sections/Cloud-Native-Catalog/header.js b/src/sections/Cloud-Native-Catalog/header.js
index d9107ea14ead..e7c26bd03795 100644
--- a/src/sections/Cloud-Native-Catalog/header.js
+++ b/src/sections/Cloud-Native-Catalog/header.js
@@ -86,7 +86,7 @@ const Header = () => {
diff --git a/src/sections/Community/Members-grid/index.js b/src/sections/Community/Members-grid/index.js
index bcae4c9f834e..bf1143a59893 100644
--- a/src/sections/Community/Members-grid/index.js
+++ b/src/sections/Community/Members-grid/index.js
@@ -163,7 +163,7 @@ const MembersGrid = (props) => {
className="banner-btn memberProfileBtn"
title="Collect Badges"
url="https://badges.layer5.io/"
- external={true}
+ $external={true}
>
diff --git a/src/sections/FeatureHero/index.js b/src/sections/FeatureHero/index.js
index e20e996dc601..047a1931b0ac 100644
--- a/src/sections/FeatureHero/index.js
+++ b/src/sections/FeatureHero/index.js
@@ -37,7 +37,7 @@ const FeatureHero = (props) => {
primary
title="Try Now!"
url="https://meshery.layer5.io"
- external={true}
+ $external={true}
/>
diff --git a/src/sections/GCP-Diagram/header.js b/src/sections/GCP-Diagram/header.js
index e8b9367ab087..9434aae8ab31 100644
--- a/src/sections/GCP-Diagram/header.js
+++ b/src/sections/GCP-Diagram/header.js
@@ -87,7 +87,7 @@ const Header = () => {
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index bd2df1029335..6b38f755b128 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -281,7 +281,7 @@ const MeshmapVisualizerViews = () => {
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
index 9048f5507915..da348acf56bb 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
+++ b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
@@ -145,7 +145,7 @@ const MeshmapIntegrationsSection = () => {
secondary
style={{ margin: "1.5rem 0 1.5rem 0" }}
url="https://layer5.io/cloud-native-management/meshery/integrations"
- external={true}
+ $external={true}
>
All Integrations
diff --git a/src/sections/Playground/playground-CTA.js b/src/sections/Playground/playground-CTA.js
index 28bb58fc96f0..4dd86f42bb19 100644
--- a/src/sections/Playground/playground-CTA.js
+++ b/src/sections/Playground/playground-CTA.js
@@ -147,7 +147,7 @@ const DockerExtensionCTA = () => {
Connect to live clusters
Discover, validate, and visualize
Kubernetes infrastructure with ease.
-