diff --git a/src/App.vue b/src/App.vue
index 2509eb1..1636025 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,7 +42,7 @@
   export default {
     name: 'App',
     components: {
-      'top-nav': TopNav,
+      TopNav,
     }
   }
 </script>
diff --git a/src/pages/Customers.vue b/src/pages/Customers.vue
index 6216857..6bbccf2 100644
--- a/src/pages/Customers.vue
+++ b/src/pages/Customers.vue
@@ -5,7 +5,7 @@
 
       <div class="columns is-multiline">
         <div class="column is-one-third" v-for="customer in customers">
-          <CustomerCard :customer="customer">
+          <customer-card :customer="customer">
         </div>
       </div>
 
@@ -19,7 +19,7 @@
   export default {
     name: 'CustomerPage',
     components: {
-      CustomerCard
+      CustomerCard,
     },
     data() {
       const mockCustomer = (num) => ({
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index fc81719..8051a7a 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -28,7 +28,7 @@
   export default {
     name: 'LoginPage',
     components: {
-      'top-nav': TopNav,
+      TopNav,
     },
     data () {
       return {