diff --git a/pinaxcon/templates/symposion/dashboard/_categories.html b/pinaxcon/templates/symposion/dashboard/_categories.html
index a7d701347254242da1afdc1255b7c66fb78970a5..700aec03f3822ef81b1d0a125c8fadaf8ad4e390 100644
--- a/pinaxcon/templates/symposion/dashboard/_categories.html
+++ b/pinaxcon/templates/symposion/dashboard/_categories.html
@@ -7,7 +7,7 @@
 {% load staticfiles %}
 
 {% if user.is_staff %}
-<div class="container mb-5">
+<div class="container mb-4">
   <div class="row">
     <div class="col-12 text-primary">
       <h2>{% trans "Administration" %}</h2>
@@ -21,17 +21,16 @@
 </div>
 {% endif %}
 
-<div class="container mb-5">
-    <div class="row">
-      <div class="col-12 text-primary">
-        <h2>{% trans "Attend" %} {% conference_name %}</h2>
-      </div>
+<div class="container mb-4">
+  <div class="row">
+    <div class="col-12 text-primary">
+      <h2>{% trans "Attend" %} {% conference_name %}</h2>
     </div>
   </div>
+</div>
 
-<div class="container">
-
-  <div class="page-row">
+<div class="container mb-4">
+  <div class="row">
     {% if not user.attendee.completed_registration %}
     <div class="panel panel-default">
       <div class="panel-heading">
@@ -42,11 +41,13 @@
         <a class="btn btn-lg btn-success" role="button" href="{% url "guided_registration" %}">Get your ticket</a>
       </div>
     </div>
+  </div>
+</div>
     {% else %}
-    <div class="col-xs-12 col-sm-6 col-lg-6">
+    <div class="col-md-6 my-3 text-primary d-flex flex-column">
       <div class="panel panel-default">
         <div class="panel-heading">
-          <h4>Attendee Profile</h4>
+          <h3>Attendee Profile</h3>
         </div>
         <div class="panel-body">
           <p>If you would like to change the details on your badge or your attendee statistics, you may edit your attendee profile up until the 15th January 2018</p>
@@ -55,10 +56,10 @@
         </div>
       </div>
     </div>
-    <div class="col-xs-12 col-sm-6 col-lg-6">
+    <div class="col-md-6 my-3 text-primary d-flex flex-column">
       <div class="panel panel-default">
         <div class="panel-heading">
-          <h4>Account Management</h4>
+          <h3>Account Management</h3>
         </div>
         <div class="panel-body">
           <p>If you would like to change your registered email address or password, you can use our self-service account management portal</p>
@@ -66,99 +67,63 @@
         </div>
       </div>
     </div>
+  </div>
+</div>
 
+<div class="container my-4 py-4 text-primary">
+  <div class="row">
     {% items_pending as pending %}
-    <div class="col-xs-12 col-sm-12 col-lg-12">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4>Account</h4>
-        </div>
-        <div class="panel-body">
 
-          {% if pending %}
-          <div class="col-xs-12 col-sm-6 col-lg-6">
-            <div class="panel panel-warning">
-              <div class="panel-heading">
-                <h5>Items pending payment</h5>
-              </div>
-              <div class="panel-body">
-                {% include "registrasion/_items_list.html" with items=pending %}
-                <div class="right">
-                  <a class="btn btn-lg btn-success pull-right" role="button" href="{% url "checkout" %}">Check out and pay</a>
-                </div>
-              </div>
-            </div>
-          </div>
-          {% endif %}
+    <div class="col-12">
+      <h2>Account</h2>
+    </div>
+
+    {% if pending %}
+    <div class="col-6 my-3 d-flex flex-column">
+      <h4>Items pending payment</h4>
+      {% include "registrasion/_items_list.html" with items=pending %}
+      <a class="btn btn-lg btn-success" role="button" href="{% url "checkout" %}">Check out and pay</a>
+    </div>
+    {% endif %}
 
-          {% items_purchased as purchased %}
-          {% if purchased %}
-          <div class="col-xs-12 col-sm-6 col-lg-6">
-            <div class="panel panel-success">
-              <div class="panel-heading">
-                <h5>Paid Items</h5>
-              </div>
-              <div class="panel-body">
-                {% include "registrasion/_items_list.html" with items=purchased %}
-              </div>
-            </div>
-          </div>
-          {% endif %}
-          <div class="col-xs-12 col-sm-6 col-lg-6">
-            <div class="panel panel-success">
-              <div class="panel-heading">
-                <h5>Add/Update Items</h5>
-              </div>
-              <div class="panel-body">
-                {% include "registrasion/_category_list.html" with categories=categories %}
-              </div>
-            </div>
-          </div>
+    {% items_purchased as purchased %}
+    {% if purchased %}
+    <div class="col-md-6 my-3 d-flex flex-column">
+      <h4>Paid Items</h4>
+      {% include "registrasion/_items_list.html" with items=purchased %}
+    </div>
+    {% endif %}
 
-          {% invoices as invoices %}
-          {% if invoices %}
-          <div class="col-xs-12 col-sm-12 col-lg-12">
-            <div class="panel panel-info">
-              <div class="panel-heading">
-                <h5>Invoices</h5>
-              </div>
-              <div class="panel-body">
-                <ul>
-                  {% for invoice in invoices %}
-                  {% if invoice.is_void %}
-                  <li class="void-invoice" style="display: none;">
-                    {% else %}
-                    <li>
-                      {% endif %}
-                      <a href="{% url "invoice" invoice.id %}" >Invoice {{ invoice.id }}</a>
-                      - ${{ invoice.value }} ({{ invoice.get_status_display }})
-                    </li>
-                    {% endfor %}
-                  </ul>
-                  <button id="toggle-void-invoices" onclick="toggleVoidInvoices();">Show void invoices</button>
-                </div>
-              </div>
-            </div>
-            {% endif %}
+    <div class="col-md-6 my-3 d-flex flex-column">
+      <h4>Add/Update Items</h4>
+      {% include "registrasion/_category_list.html" with categories=categories %}
+    </div>
 
-            {% available_credit as credit %}
-            {% if credit %}
-            <div class="col-xs-12 col-sm-12 col-lg-12">
-              <div class="panel panel-danger">
-                <div class="panel-heading">
-                  <h5>Credit</h5>
-                </div>
-                <div class="panel-body">
-                  <p>You have ${{ credit }} leftover from refunded invoices. This credit will be automatically applied to new invoices. Contact the conference organisers to for a refund to your original payment source.</p>
-                </div>
-              </div>
-            </div>
-            {% endif %}
+    {% invoices as invoices %}
+    {% if invoices %}
+    <div class="col-md-6 my-3 d-flex flex-column">
+      <h4>Invoices</h4>
+      <ul>
+        {% for invoice in invoices %}
 
-          </div>
-        </div>
+        <li{% if invoice.is_void %} class="void-invoice" style="display: none;"{% endif %}>
+          <a href="{% url "invoice" invoice.id %}" >Invoice {{ invoice.id }}</a> - ${{ invoice.value }} ({{ invoice.get_status_display }})
+        </li>
+        {% endfor %}
+      </ul>
+      <div class="mt-auto">
+        <button id="toggle-void-invoices" onclick="toggleVoidInvoices();" class="btn btn-lg btn-default">Show void invoices</button>
       </div>
+    </div>
+    {% endif %}
 
-      {% endif %}
+    {% available_credit as credit %}
+    {% if credit %}
+    <div class="col-md-6 my-3 text-primary d-flex flex-column">
+      <h4>Credit</h4>
+      <p>You have ${{ credit }} leftover from refunded invoices. This credit will be automatically applied to new invoices. Contact the conference organisers to for a refund to your original payment source.</p>
+    </div>
+    {% endif %}
   </div>
-</div>
\ No newline at end of file
+</div>
+{% endif %} {# user.attendee.completed_registration #}