diff --git a/assets/javascripts/discourse/templates/user/subscriptions.hbs b/assets/javascripts/discourse/templates/user/subscriptions.hbs
index 4f22b63..a18ac1a 100644
--- a/assets/javascripts/discourse/templates/user/subscriptions.hbs
+++ b/assets/javascripts/discourse/templates/user/subscriptions.hbs
@@ -1,33 +1,35 @@
 
-{{i18n 'discourse_subscriptions.user.subscriptions.title'}}
+{{#d-section pageClass="user-subscriptions" class="user-content"}}
+  <h2>{{i18n 'discourse_subscriptions.user.subscriptions.title'}}</h2>
 
-{{#if model}}
-  <table class="table discourse-patrons-user-table">
-    <thead>
-      <th>{{i18n 'discourse_subscriptions.user.subscriptions.id'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.plans.product'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.plans.rate'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.subscriptions.status'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.subscriptions.created_at'}}</th>
-      <th></th>
-    </thead>
-    {{#each model as |subscription|}}
-      <tr>
-        <td>{{subscription.id}}</td>
-        <td>{{subscription.product.name}}</td>
-        <td>{{subscription.plan.subscriptionRate}}</td>
-        <td>{{subscription.status}}</td>
-        <td>{{format-unix-date subscription.created}}</td>
-        <td class="td-right">
-          {{#if subscription.loading}}
-            {{loading-spinner size="small"}}
-          {{else}}
-            {{d-button disabled=subscription.canceled label="cancel" action=(route-action "cancelSubscription" subscription) icon="times"}}
-          {{/if}}
-        </td>
-      </tr>
-    {{/each}}
-  </table>
-{{else}}
-  <p>{{i18n 'discourse_subscriptions.user.subscriptions_help'}}</p>
-{{/if}}
+  {{#if model}}
+    <table class="table discourse-subscriptions-user-table">
+      <thead>
+        <th>{{i18n 'discourse_subscriptions.user.subscriptions.id'}}</th>
+        <th>{{i18n 'discourse_subscriptions.user.plans.product'}}</th>
+        <th>{{i18n 'discourse_subscriptions.user.plans.rate'}}</th>
+        <th>{{i18n 'discourse_subscriptions.user.subscriptions.status'}}</th>
+        <th>{{i18n 'discourse_subscriptions.user.subscriptions.created_at'}}</th>
+        <th></th>
+      </thead>
+      {{#each model as |subscription|}}
+        <tr>
+          <td>{{subscription.id}}</td>
+          <td>{{subscription.product.name}}</td>
+          <td>{{subscription.plan.subscriptionRate}}</td>
+          <td>{{subscription.status}}</td>
+          <td>{{format-unix-date subscription.created}}</td>
+          <td class="td-right">
+            {{#if subscription.loading}}
+              {{loading-spinner size="small"}}
+            {{else}}
+              {{d-button disabled=subscription.canceled label="cancel" action=(route-action "cancelSubscription" subscription) icon="times"}}
+            {{/if}}
+          </td>
+        </tr>
+      {{/each}}
+    </table>
+  {{else}}
+    <p>{{i18n 'discourse_subscriptions.user.subscriptions_help'}}</p>
+  {{/if}}
+{{/d-section}}
diff --git a/assets/stylesheets/common/main.scss b/assets/stylesheets/common/main.scss
index 9c17d98..a42e7b3 100644
--- a/assets/stylesheets/common/main.scss
+++ b/assets/stylesheets/common/main.scss
@@ -28,12 +28,18 @@ textarea[readonly] {
   text-align: right;
 }
 
-table.discourse-patrons-user-table {
+table.discourse-subscriptions-user-table {
   width: 100%;
   th,
   td {
     padding: 10px;
   }
+  th:first-child,
+  td:first-child,
+  th:last-child,
+  td:last-child {
+    padding-left: 0;
+  }
 }
 
 .desc {