diff --git a/client/src/components/answer.vue b/client/src/components/Answer.vue
similarity index 87%
rename from client/src/components/answer.vue
rename to client/src/components/Answer.vue
index b188f80..5e2b70e 100644
--- a/client/src/components/answer.vue
+++ b/client/src/components/Answer.vue
@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'answer',
+  name: 'Answer',
   props: {
     a: String
   }
diff --git a/client/src/components/question.vue b/client/src/components/Question.vue
similarity index 93%
rename from client/src/components/question.vue
rename to client/src/components/Question.vue
index 7507d2b..e2a946b 100644
--- a/client/src/components/question.vue
+++ b/client/src/components/Question.vue
@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'question',
+  name: 'Question',
   props: {
     q: String
   }
diff --git a/client/src/components/qa.vue b/client/src/components/qa.vue
index 5d49c93..4fcfabc 100644
--- a/client/src/components/qa.vue
+++ b/client/src/components/qa.vue
@@ -1,19 +1,19 @@
 <template>
   <div id='qa'>
-    <question :q='q'/>
-    <answer :a='a'/>
+    <Question :q='q'></Question>
+    <Answer :a='a'></Answer>
   </div>
 </template>
 
 <script>
-import question from './question.vue'
-import answer from './answer.vue'
+import Question from './Question.vue'
+import Answer from './Answer.vue'
 
 export default {
   name: 'qa',
   components: {
     question,
-    answer,
+    Answer,
   },
   props: {
     q: String,