diff --git a/s6e96/src/App.vue b/s6e96/src/App.vue
index f1b1497..25c1f22 100644
--- a/s6e96/src/App.vue
+++ b/s6e96/src/App.vue
@@ -1,13 +1,13 @@
 <template>
     <div class="container">
-        <app-header></app-header>
+        <appHeader></appHeader>
         <hr>
         <div class="row">
-            <app-servers></app-servers>
-            <app-details></app-details>
+            <appServers></appServers>
+            <appDetails></appDetails>
         </div>
         <hr>
-        <app-footer></app-footer>
+        <appFooter></appFooter>
     </div>
 </template>
 
@@ -19,10 +19,10 @@ import Footer from './components/Shared/Footer.vue'
 
 export default {
     components: {
-        'app-servers': Servers,
-        'app-header': Header,
-        'app-details': Details,
-        'app-footer': Footer,
+        appServers: Servers,
+        appHeader: Header,
+        appDetails: Details,
+        appFooter: Footer,
       }
   };
 </script>