diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 5891b7e900..cc9fc6f821 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -37,7 +37,8 @@ html, body {
 }
 
 [purpose='header-ribbon-cta'] {
-  background-color: @core-fleet-black;
+  background-color: #7487C2;
+  padding: 12px 0px;
   p {
     font-size: 14px;
     line-height: 20px;
@@ -46,9 +47,35 @@ html, body {
   a {
     font-size: 14px;
     line-height: 20px;
-    font-weight: 700;
-    text-decoration: underline;
-    color: #ff5c83;
+    font-weight: 400;
+    text-decoration: none;
+    color: #fff;
+    position: relative;
+    span {
+      font-weight: 700;
+      &:before {
+      content: url('/images/arrow-right-white-16x16@2x.png');
+      transform: scale(0.5);
+      position: absolute;
+      top: -8px;
+      left: 100%;
+      transition: 0.2s ease-in-out;
+      -o-transition: 0.2s ease-in-out;
+      -ms-transition: 0.2s ease-in-out;
+      -moz-transition: 0.2s ease-in-out;
+      -webkit-transition: 0.2s ease-in-out;
+      }
+    }
+    &:hover {
+      span:before {
+      left: 102%;
+      transition: 0.2s ease-in-out;
+      -o-transition: 0.2s ease-in-out;
+      -ms-transition: 0.2s ease-in-out;
+      -moz-transition: 0.2s ease-in-out;
+      -webkit-transition: 0.2s ease-in-out;
+      }
+    }
   }
 }
 
@@ -388,6 +415,21 @@ body.detected-mobile {
 }
 
 @media (max-width: 490px) {
+  [purpose='header-ribbon-cta'] {
+    a {
+      width: 220px;
+      span:before {
+        position: absolute;
+        top: 5px;
+        left: 87%;
+      }
+      &:hover {
+        span:before {
+          left: 90%;
+        }
+      }
+    }
+  }
   [purpose='page-wrap'] {
     padding-bottom: 581px;
 
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 1f8224240d..9561083e74 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -137,8 +137,9 @@
       <div class="header" purpose="header-container">
         <%// Call to action ribbon above page header %>
         <div purpose="header-ribbon-cta" class="<%= headerCTAHidden  ?  'd-none' : 'd-flex' %> flex-row justify-content-center align-items-md-center">
-          <div class="mb-0 d-flex flex-lg-row flex-column justify-content-center py-3 px-2">
-            <p class="text-center pr-1 mb-0">Instant deployment with Fleet Managed Cloud. <a href="https://kqphpqst851.typeform.com/to/yoo5smT9">Join the beta</a></p>
+          <div class="d-flex flex-lg-row flex-column justify-content-center align-items-center py-0 my-0">
+            <% /* <p class="text-center pr-1 mb-0">Instant deployment with Fleet Managed Cloud. <a href="https://kqphpqst851.typeform.com/to/yoo5smT9">Join the beta</a></p> */ %>
+            <a target="_blank" href="https://www.eventbrite.com/e/601763519887">Join us for drinks, food, and conversation, at <span>RSAC 2023</span></a>
           </div>
         </div>