diff --git a/src/app/dashboard/add-data.component.html b/src/app/dashboard/add-data.component.html
index 8f73ecc..9b85ce3 100644
--- a/src/app/dashboard/add-data.component.html
+++ b/src/app/dashboard/add-data.component.html
@@ -1,6 +1,6 @@
 <div class="animated fadeIn">
   <div class="row">
-    <div class="col-lg-12">
+    <div class="col-lg-6 col-md-8">
       <div class="card">
         <div class="card-header">
           <strong>Submit Transaction</strong>
@@ -21,7 +21,7 @@
                 <span class="input-group-addon"><i class="fa fa-gbp"></i></span>
                 <input type="number" min="0.00" step="0.01" class="form-control" placeholder="0.00" [(ngModel)]="amount" (ngModelChange)="transactionFormValidate()">
               </div>
-              <span class="help-block">Enter the amount spent, such as 5.35 for £5.35.</span>
+              <span class="help-block">Enter the amount spent, such as &lsquo;5.35&rsquo; for &pound;5.35.</span>
             </div>
           </div>
 
@@ -29,7 +29,7 @@
             <label class="col-md-3 form-control-label" for="text-input">Essential Purchase</label>
             <div class="col-md-9">
               <div class="input-group">
-                <input type="checkbox" class="mr-auto" [(ngModel)]="essentialPurchase" (ngModelChange)="transactionFormValidate()">
+                <input type="checkbox" class="mr-1" [(ngModel)]="essentialPurchase" (ngModelChange)="transactionFormValidate()">
                 <span class="help-block">Tick if the purchase is deemed an essential purchase for budgeting purposes.</span>
               </div>
             </div>
@@ -38,7 +38,7 @@
             <label class="col-md-3 form-control-label" for="text-input">Recurring Purchase</label>
             <div class="col-md-9">
               <div class="input-group">
-                <input type="checkbox" class="mr-auto" [(ngModel)]="recurringPurchase" (ngModelChange)="transactionFormValidate()">
+                <input type="checkbox" class="mr-1" [(ngModel)]="recurringPurchase" (ngModelChange)="transactionFormValidate()">
                 <span class="help-block">Tick if the purchase frequently recurs, such as monthly.</span>
               </div>
             </div>
diff --git a/src/app/dashboard/feedback.component.html b/src/app/dashboard/feedback.component.html
index dd844e6..7b4e216 100644
--- a/src/app/dashboard/feedback.component.html
+++ b/src/app/dashboard/feedback.component.html
@@ -1,6 +1,6 @@
 <div class="animated fadeIn">
   <div class="row">
-    <div class="col-lg-12">
+    <div class="col-lg-6 col-md-8">
       <div class="card">
         <div class="card-header">
           <strong>Submit Transaction</strong>
diff --git a/src/app/dashboard/more-graphs-and-tables.component.html b/src/app/dashboard/more-graphs-and-tables.component.html
index 73cef98..307f1a6 100644
--- a/src/app/dashboard/more-graphs-and-tables.component.html
+++ b/src/app/dashboard/more-graphs-and-tables.component.html
@@ -27,7 +27,7 @@
           <table class="table table-striped table-hover">
             <thead>
               <tr>
-                <th>Ward</th>
+                <th>Type</th>
                 <th>Amount of Transactions</th>
                 <th>Sum of Transactions</th>
               </tr>
diff --git a/src/app/dashboard/suppliers.component.html b/src/app/dashboard/suppliers.component.html
index 6543598..20c0bf4 100644
--- a/src/app/dashboard/suppliers.component.html
+++ b/src/app/dashboard/suppliers.component.html
@@ -1,6 +1,6 @@
 <div class="animated fadeIn">
   <div class="row">
-    <div class="col-lg-12">
+    <div class="col-lg-6 col-md-8">
       <div class="card">
         <div class="card-header">
           <h4>Search Suppliers</h4>
@@ -20,7 +20,7 @@
 </div>
 <div class="animated fadeIn">
   <div class="row">
-    <div class="col-lg-12">
+    <div class="col-lg-6 col-md-8">
       <div class="card">
         <div class="card-header">
           <h4>List of Suppliers</h4>
diff --git a/src/scss/bootstrap/_button-group.scss b/src/scss/bootstrap/_button-group.scss
index d4c79ab..644f2be 100644
--- a/src/scss/bootstrap/_button-group.scss
+++ b/src/scss/bootstrap/_button-group.scss
@@ -11,6 +11,7 @@
     position: relative;
     flex: 0 1 auto;
     margin-bottom: 0;
+    cursor: pointer;
 
     // Bring the hover, focused, and "active" buttons to the fron to overlay
     // the borders properly
diff --git a/src/scss/bootstrap/_buttons.scss b/src/scss/bootstrap/_buttons.scss
index 05c54e4..42daffe 100644
--- a/src/scss/bootstrap/_buttons.scss
+++ b/src/scss/bootstrap/_buttons.scss
@@ -32,10 +32,12 @@
     @include box-shadow(none);
   }
 
-  &:active,
-  &.active {
-    background-image: none;
-    @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+  :enabled {
+    &:active,
+    &.active {
+      background-image: none;
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    }
   }
 }
 
diff --git a/src/scss/bootstrap/_card.scss b/src/scss/bootstrap/_card.scss
index 7be2aaf..5f2d2f8 100644
--- a/src/scss/bootstrap/_card.scss
+++ b/src/scss/bootstrap/_card.scss
@@ -70,6 +70,10 @@
   &:first-child {
     @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0);
   }
+
+  small {
+    padding-left: 1em;
+  }
 }
 
 .card-footer {
diff --git a/src/scss/bootstrap/_input-group.scss b/src/scss/bootstrap/_input-group.scss
index 0b668bf..f238f70 100644
--- a/src/scss/bootstrap/_input-group.scss
+++ b/src/scss/bootstrap/_input-group.scss
@@ -23,6 +23,16 @@
       z-index: 3;
     }
   }
+
+  input[type="radio"],
+  input[type="checkbox"] {
+    cursor: pointer;
+  }
+}
+
+.help-block {
+  font-size: 0.8em;
+  font-style: italic;
 }
 
 .input-group-addon,
diff --git a/src/scss/bootstrap/_tables.scss b/src/scss/bootstrap/_tables.scss
index 36c3dab..9814f23 100644
--- a/src/scss/bootstrap/_tables.scss
+++ b/src/scss/bootstrap/_tables.scss
@@ -80,6 +80,8 @@
 
 .table-hover {
   tbody tr {
+    cursor: pointer;
+  
     @include hover {
       background-color: $table-bg-hover;
     }