diff --git a/src/app/dashboard/dashboard.component.css b/src/app/dashboard/dashboard.component.css
index dd1b6a4..3253b7b 100644
--- a/src/app/dashboard/dashboard.component.css
+++ b/src/app/dashboard/dashboard.component.css
@@ -38,7 +38,7 @@
 .dashboard-primary div {
   bottom: 0.5em;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   left: 0.5em;
   right: 0.5em;
   position: absolute;
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 92db76c..7d56c72 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -12,7 +12,6 @@
       <span [ngClass]="{'income': balance > 0, 'expense': balance < 0}" >{{ balance | currency }}</span>
     </h2>
     <div class="transaction-navigation">
-      <a mat-button routerLink="/transactions/new">Add Transaction</a>
       <a mat-button routerLink="/transactions">View Transactions</a>
     </div>
   </div>
@@ -28,3 +27,6 @@
     <app-category-list [categories]="categories" [categoryBalances]="categoryBalances"></app-category-list>
   </div>
 </div>
+<a mat-fab routerLink="/transactions/new">
+  <mat-icon aria-label="Add">add</mat-icon>
+</a>
\ No newline at end of file