diff --git a/src/QuizQuestion.js b/src/QuizQuestion.js
index be54b45a52..9083934867 100644
--- a/src/QuizQuestion.js
+++ b/src/QuizQuestion.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import QuizQuestionButton from './QuizQuestionButton.js'
 
 class QuizQuestion extends Component {
     render (props) {
@@ -9,7 +10,7 @@ class QuizQuestion extends Component {
             </section>
             <section className="buttons">
                 <ul>
-                    <li>{this.props.quiz_question.answer_options[0]}</li>
+                    <QuizQuestionButton button_text={this.props.quiz_question.answer_options[0]}/>
                 </ul>
             </section>
         </main>
diff --git a/src/QuizQuestionButton.js b/src/QuizQuestionButton.js
new file mode 100644
index 0000000000..18f3f3a4af
--- /dev/null
+++ b/src/QuizQuestionButton.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react'
+import QuizQuestion from './QuizQuestion'
+
+class QuizQuestionButton extends Component {
+    render(){
+        return (
+            <li>
+                <button>{this.props.button_text}</button>
+            </li>
+        )
+    }
+}
+
+export default QuizQuestionButton
\ No newline at end of file