Iterate styling and decoration for the beta prompts

res/css/structures/_SpaceRoomView.scss

@@ -81,6 +81,7 @@ $SpaceRoomViewInnerWidth: 428px;
             color: $secondary-fg-color;
             margin-top: 12px;
             margin-bottom: 24px;
+            max-width: $SpaceRoomViewInnerWidth;
         }
 
         .mx_SpaceRoomView_buttons {
@@ -374,6 +375,23 @@ $SpaceRoomViewInnerWidth: 428px;
     }
 
     .mx_SpaceRoomView_inviteTeammates {
+        // XXX remove this when spaces leaves Beta
+        .mx_SpaceRoomView_inviteTeammates_betaDisclaimer {
+            padding: 58px 16px 16px;
+            position: relative;
+            border-radius: 8px;
+            background-color: $header-panel-bg-color;
+            max-width: $SpaceRoomViewInnerWidth;
+            margin: 20px 0 30px;
+            box-sizing: border-box;
+
+            .mx_BetaCard_betaPill {
+                position: absolute;
+                left: 16px;
+                top: 16px;
+            }
+        }
+
         .mx_SpaceRoomView_inviteTeammates_buttons {
             color: $secondary-fg-color;
             margin-top: 28px;

res/css/views/beta/_BetaCard.scss

@@ -29,6 +29,10 @@ limitations under the License.
             line-height: $font-22px;
             color: $primary-fg-color;
             margin: 4px 0 14px;
+
+            .mx_BetaCard_betaPill {
+                margin-left: 12px;
+            }
         }
 
         .mx_BetaCard_caption {
@@ -62,7 +66,6 @@ limitations under the License.
     background-color: $accent-color-alt;
     padding: 4px 10px;
     border-radius: 8px;
-    margin-left: 12px;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 15px;