diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index ee9960d..cf82ac2 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,18 +1,18 @@
 <template>
   <div>
-    <customer></customer>
+    <the-customers></the-customers>
     <the-footer></the-footer>
   </div>
 </template>
 
 <script>
 import TheFooter from "./components/UI/TheFooter.vue";
-import Customer from "./components/customers/Customers.vue";
+import TheCustomers from "./components/customers/TheCustomers.vue";
 
 export default {
   components: {
     TheFooter,
-    Customer,
+    TheCustomers,
   },
   data() {
     return {};
diff --git a/frontend/src/components/customers/Customers.vue b/frontend/src/components/customers/TheCustomers.vue
similarity index 100%
rename from frontend/src/components/customers/Customers.vue
rename to frontend/src/components/customers/TheCustomers.vue