diff --git a/src/views/splash/beta/middle-banner.jsx b/src/views/splash/beta/middle-banner.jsx
index 7f1fe32a0..dfe9e7a58 100644
--- a/src/views/splash/beta/middle-banner.jsx
+++ b/src/views/splash/beta/middle-banner.jsx
@@ -5,8 +5,17 @@ const React = require('react');
 const FlexRow = require('../../../components/flex-row/flex-row.jsx');
 const TitleBanner = require('../../../components/title-banner/title-banner.jsx');
 
+require('./middle-banner.scss');
+
 const MiddleBanner = () => (
-    <TitleBanner className="beta-middle-banner" />
+    <TitleBanner className="beta-middle-banner">
+        <FlexRow>
+            <a
+                className="call-to-action button"
+                href="https://beta.scratch.mit.edu/"
+            >Call to Action</a>
+        </FlexRow>
+    </TitleBanner>
 );
 
 export default MiddleBanner;
diff --git a/src/views/splash/beta/top-banner.jsx b/src/views/splash/beta/top-banner.jsx
index 3929c713c..edf7e8cb1 100644
--- a/src/views/splash/beta/top-banner.jsx
+++ b/src/views/splash/beta/top-banner.jsx
@@ -5,8 +5,17 @@ const React = require('react');
 const FlexRow = require('../../../components/flex-row/flex-row.jsx');
 const TitleBanner = require('../../../components/title-banner/title-banner.jsx');
 
+require('./top-banner.scss');
+
 const TopBanner = () => (
-    <TitleBanner className="beta-top-banner" />
+    <TitleBanner className="beta-top-banner">
+        <FlexRow>
+            <a
+                className="call-to-action button"
+                href="https://beta.scratch.mit.edu/"
+            >Call to Action</a>
+        </FlexRow>
+    </TitleBanner>
 );
 
 export default TopBanner;