diff --git a/cms/static/sass/elements/_modules.scss b/cms/static/sass/elements/_modules.scss
index 7812a221b4f5..1e9f52691fc8 100644
--- a/cms/static/sass/elements/_modules.scss
+++ b/cms/static/sass/elements/_modules.scss
@@ -140,12 +140,13 @@
position: relative;
display: inline-block;
width: ($baseline*6.25);
- height: ($baseline*5);
+ height: ($baseline*7);
margin-bottom: ($baseline/2);
box-shadow: 0 1px 1px $shadow, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
border-radius: ($baseline/4);
padding: 0;
text-align: center;
+ vertical-align: top;
@extend %btn-primary-green;
@@ -154,6 +155,21 @@
display: block;
color: $white;
}
+
+ .beta {
+ margin-top: 3px;
+ margin-bottom: -20px;
+ padding: 4px;
+ display: inline-block;
+
+ color: $uxpl-green-base;
+ background-color: theme-color("inverse");
+ border-color: theme-color("inverse");
+ border-radius: 3px;
+
+ font-size: 90%;
+ line-height: 90%;
+ }
}
}
}
diff --git a/cms/templates/js/add-xblock-component-button.underscore b/cms/templates/js/add-xblock-component-button.underscore
index cf2e0b6aadd5..b591c336938c 100644
--- a/cms/templates/js/add-xblock-component-button.underscore
+++ b/cms/templates/js/add-xblock-component-button.underscore
@@ -6,4 +6,7 @@
<%- gettext("Add Component:") %>
<%- display_name %>
+ <% if (type === 'library_v2' || type === 'itembank') { %>
+ <%- gettext("Beta") %>
+ <% } %>