diff --git a/src/components/TopPromotionalBanner/index.js b/src/components/TopPromotionalBanner/index.js
index 4551f8bbac14..c2d443c9a985 100644
--- a/src/components/TopPromotionalBanner/index.js
+++ b/src/components/TopPromotionalBanner/index.js
@@ -6,7 +6,7 @@ const TopPromotionalBanner = () => {
   return (
     <>
       <TopBannercontainer>
-        <a href="https://play.meshery.io/" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" />Soar to New Heights with Meshery v0.7.0 <span>Try it now &rarr;</span></p></a>
+        <a href="https://meshery.io/blog/meshery-v07-release-announcement" rel="noreferrer" target="_blank"><p className="content"><img src={Rocket} alt="Five on rocket" />Soar to New Heights with Meshery v0.7.0 <a href="https://play.meshery.io/" rel="noreferrer" target="_blank">Try it now &rarr;</a></p></a>
       </TopBannercontainer>
     </>
   );
diff --git a/src/components/TopPromotionalBanner/style.js b/src/components/TopPromotionalBanner/style.js
index 0d1781d5bebb..a6098e804b08 100644
--- a/src/components/TopPromotionalBanner/style.js
+++ b/src/components/TopPromotionalBanner/style.js
@@ -18,9 +18,10 @@ export const TopBannercontainer = styled.div`
         margin-right: 0.5rem;
        }
 
-       & > span {
+       & > a {
         font-weight: 700;
         margin-left: 0.5rem;
+        color: ${props => props.theme.body};
         &:hover {
             text-decoration: underline;
         }