diff --git a/src/components/CustomerCard.vue b/src/components/CustomerCard.vue
index 7964019..4cd31fe 100644
--- a/src/components/CustomerCard.vue
+++ b/src/components/CustomerCard.vue
@@ -13,9 +13,18 @@
       </div>
     </div>
     <footer class="card-footer">
-      <a class="card-footer-item">Save</a>
-      <a class="card-footer-item">Edit</a>
-      <a class="card-footer-item">Delete</a>
+      <a class="card-footer-item">
+        <span class="icon is-small">
+          <i class="fa fa-pencil"></i>
+        </span>
+        <span>&nbsp;Edit</span>
+      </a>
+      <a class="card-footer-item">
+        <span class="icon is-small">
+          <i class="fa fa-trash"></i>
+        </span>
+        <span>&nbsp;Delete</span>
+      </a>
     </footer>
   </div>
 </template>
diff --git a/src/components/CustomerRow.vue b/src/components/CustomerRow.vue
index 7e42c91..fa9b708 100644
--- a/src/components/CustomerRow.vue
+++ b/src/components/CustomerRow.vue
@@ -3,7 +3,22 @@
       <td>{{ this.name }}</td>
       <td>{{ customer.email }}</td>
       <td>{{ customer.city }}, {{ customer.state }}</td>
-      <td></td>
+      <td>
+        <div class="control has-addons is-pulled-right">
+          <a class="button is-outlined is-primary">
+            <span class="icon is-small">
+              <i class="fa fa-pencil"></i>
+            </span>
+            <span>Edit</span>
+          </a>
+          <a class="button is-outlined is-primary">
+            <span class="icon is-small">
+              <i class="fa fa-trash"></i>
+            </span>
+            <span>Delete</span>
+          </a>
+        </div>
+      </td>
     </tr>
 </template>
 
diff --git a/src/components/CustomerTable.vue b/src/components/CustomerTable.vue
index 98c8eff..af02b9b 100644
--- a/src/components/CustomerTable.vue
+++ b/src/components/CustomerTable.vue
@@ -5,7 +5,7 @@
         <th>Name</th>
         <th>Email</th>
         <th>City</th>
-        <th>Actions</th>
+        <th></th>
       </tr>
     </thead>
     <tbody>