diff --git a/app/authenticated/project/help/template.hbs b/app/authenticated/project/help/template.hbs
index b34d51088..a571d20af 100644
--- a/app/authenticated/project/help/template.hbs
+++ b/app/authenticated/project/help/template.hbs
@@ -45,26 +45,24 @@
           {{#link-to "authenticated.project" class="btn bg-primary mb-10"}} {{t 'helpPage.stacks.addServiceLink'}}{{/link-to}}
           {{#link-to "catalog-tab" class="btn bg-primary"}} {{t 'helpPage.stacks.addCatalogLink'}}{{/link-to}}
         {{else}}
-          <div class="alert bg-danger">{{t 'helpPage.stacks.noHosts'}}</div>
-          {{#link-to "authenticated.project" class="btn bg-primary mb-10" disabled=true}}{{t 'helpPage.stacks.manageServiceLink'}}{{/link-to}}
+          <div class="banner bg-warning p-20">
+          <p>{{t 'helpPage.stacks.noHosts'}}</p>
+          {{#link-to "authenticated.project" class="btn bg-primary mr-10" disabled=true}}{{t 'helpPage.stacks.manageServiceLink'}}{{/link-to}}
           {{#link-to "catalog-tab" class="btn bg-primary" disabled=true}}{{t 'helpPage.stacks.addCatalogLink'}}{{/link-to}}
+          </div>
         {{/if}}
   </div>
 </section>
 
 {{#if settings.isRancher}}
-  <section>
-    <div>
-      <h3 class="pull-left">{{t 'helpPage.issues.header.text'}}</h3>
-      <div class="pull-right">
-        {{t 'helpPage.issues.header.tagline'}} <a href="{{settings.issueUrl}}" class="btn bg-primary ml-10" target="_blank">{{t 'helpPage.issues.header.fileBug'}}</a>
-      </div>
-    </div>
+  <section class="box">
+    <h3>{{t 'helpPage.issues.header.text'}}</h3>
+
 
     <hr/>
 
     <div class="row">
-      <p class="text-center col span-8 offset-2">{{t 'helpPage.issues.content.paragraph1' appName=settings.appName}}</p>
+      <p class="text-center col span-8">{{t 'helpPage.issues.content.paragraph1' appName=settings.appName}}</p>
     </div>
 
     <div class="row">
@@ -99,22 +97,19 @@
         </p>
       </div>
     </div>
-
+    <div class="row text-center">
+        {{t 'helpPage.issues.header.tagline'}} <a href="{{settings.issueUrl}}" class="btn bg-primary ml-10" target="_blank">{{t 'helpPage.issues.header.fileBug'}}</a>
+      </div>
   </section>
 
-  <section>
-    <div class="header">
-      <h3>{{t 'helpPage.forums.header'}}</h3>
-      <div class="pull-right">
-        {{t 'helpPage.forums.tagline'}} <a href="{{forumsLink}}" class="btn bg-primary ml-10" target="_blank">{{t 'helpPage.forums.buttonText'}}</a>
-      </div>
-    </div>
-    <hr/>
+  <section class="box mt-30">
+  <h3>{{t 'helpPage.forums.header'}}</h3>
+  <hr/>
   {{#if modelResolved}}
     {{#unless modelError}}
       <div class="row">
-        <div class="col span-6">
-          <h5>{{t 'helpPage.forums.announcements.header'}}</h5>
+        <div class="col span-3">
+          <h4>{{t 'helpPage.forums.announcements.header'}}</h4>
           <ul class="list-unstyled">
             {{#each model.announcements.topics as |topic|}}
               <li class="clip">
@@ -122,9 +117,10 @@
               </li>
             {{/each}}
           </ul>
-          <a class="btn btn-sm bg-default mt-10 mb-20" href="{{forumsLink}}/c/announcements" target="blank">{{t 'helpPage.forums.announcements.buttonText'}}</a>
-
-          <h5>{{t 'helpPage.forums.general.header'}}</h5>
+          <a class="btn btn-sm bg-primary mt-10 mb-20" href="{{forumsLink}}/c/announcements" target="blank">{{t 'helpPage.forums.announcements.buttonText'}}</a>
+          </div>
+          <div class="col span-3">
+          <h4>{{t 'helpPage.forums.general.header'}}</h4>
           <ul class="list-unstyled">
             {{#each model.general.topics as |topic|}}
               <li class="clip">
@@ -132,11 +128,11 @@
               </li>
             {{/each}}
           </ul>
-          <a class="btn btn-sm bg-default mt-10 mb-20" href="{{forumsLink}}/c/general" target="blank">{{t 'helpPage.forums.general.buttonText'}}</a>
+          <a class="btn btn-sm bg-primary mt-10 mb-20" href="{{forumsLink}}/c/general" target="blank">{{t 'helpPage.forums.general.buttonText'}}</a>
 
         </div>
-        <div class="col span-6">
-          <h5>{{t 'helpPage.forums.rancher.header'}}</h5>
+        <div class="col span-3">
+          <h4>{{t 'helpPage.forums.rancher.header'}}</h4>
           <ul class="list-unstyled">
             {{#each model.rancher.topics as |topic|}}
               <li class="clip">
@@ -144,9 +140,10 @@
               </li>
             {{/each}}
           </ul>
-          <a class="btn btn-sm bg-default mt-10 mb-20" href="{{forumsLink}}/c/rancher" target="blank">{{t 'helpPage.forums.rancher.buttonText'}}</a>
-
-          <h5>{{t 'helpPage.forums.rancherOs.header'}}</h5>
+          <a class="btn btn-sm bg-primary mt-10 mb-20" href="{{forumsLink}}/c/rancher" target="blank">{{t 'helpPage.forums.rancher.buttonText'}}</a>
+          </div>
+          <div class="col span-3">
+          <h3>{{t 'helpPage.forums.rancherOs.header'}}</h3>
           <ul class="list-unstyled">
             {{#each model.rancherOS.topics as |topic|}}
               <li class="clip">
@@ -154,7 +151,7 @@
               </li>
             {{/each}}
           </ul>
-          <a class="btn btn-sm bg-default mt-10 mb-20" href="{{forumsLink}}/c/rancher-os" target="blank">{{t 'helpPage.forums.rancherOs.buttonText'}}</a>
+          <a class="btn btn-sm bg-primary mt-10 mb-20" href="{{forumsLink}}/c/rancher-os" target="blank">{{t 'helpPage.forums.rancherOs.buttonText'}}</a>
         </div>
       </div>
     {{else}}
@@ -163,9 +160,12 @@
   {{else}}
     <div class="loading text-center"></div>
   {{/if}}
+  <div class="banner bg-info p-10 text-center">
+    {{t 'helpPage.forums.tagline'}} <a href="{{forumsLink}}" class="btn bg-primary ml-10" target="_blank">{{t 'helpPage.forums.buttonText'}}</a>
+  </div>
   </section>
 
-  <section>
+  <section class="box mt-30">
     <h3>{{t 'helpPage.commercial.header'}}</h3>
     <hr/>
     <p>