diff --git a/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx b/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
index dd809ad..518021e 100644
--- a/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
+++ b/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
@@ -99,6 +99,7 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
             {!showAnswer && handleOnSubmitAnswer && (
 
                 <Button
+                    className='submit-button'
                     variant="contained"
                     onClick={() =>
                         answer !== "" && handleOnSubmitAnswer && handleOnSubmitAnswer(answer)
diff --git a/client/src/components/QuestionsDisplay/NumericalQuestionDisplay/NumericalQuestionDisplay.tsx b/client/src/components/QuestionsDisplay/NumericalQuestionDisplay/NumericalQuestionDisplay.tsx
index 0fb6186..d9026cf 100644
--- a/client/src/components/QuestionsDisplay/NumericalQuestionDisplay/NumericalQuestionDisplay.tsx
+++ b/client/src/components/QuestionsDisplay/NumericalQuestionDisplay/NumericalQuestionDisplay.tsx
@@ -109,6 +109,7 @@ const NumericalQuestionDisplay: React.FC<Props> = (props) => {
                     )}
                     {handleOnSubmitAnswer && (
                         <Button
+                        className='submit-button'
                             variant="contained"
                             onClick={() =>
                                 answer !== undefined &&
diff --git a/client/src/components/QuestionsDisplay/ShortAnswerQuestionDisplay/ShortAnswerQuestionDisplay.tsx b/client/src/components/QuestionsDisplay/ShortAnswerQuestionDisplay/ShortAnswerQuestionDisplay.tsx
index 2f82736..fd49835 100644
--- a/client/src/components/QuestionsDisplay/ShortAnswerQuestionDisplay/ShortAnswerQuestionDisplay.tsx
+++ b/client/src/components/QuestionsDisplay/ShortAnswerQuestionDisplay/ShortAnswerQuestionDisplay.tsx
@@ -91,6 +91,7 @@ const ShortAnswerQuestionDisplay: React.FC<Props> = (props) => {
                     </div>
                     {handleOnSubmitAnswer && (
                         <Button
+                        className='submit-button'   
                             variant="contained"
                             onClick={() =>
                                 answer !== undefined &&
diff --git a/client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx b/client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx
index 96f8834..a8d4acf 100644
--- a/client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx
+++ b/client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx
@@ -105,6 +105,7 @@ const TrueFalseQuestionDisplay: React.FC<Props> = (props) => {
             )}
             {!showAnswer && handleOnSubmitAnswer && (
                 <Button
+                className='submit-button'
                     variant="contained"
                     onClick={() =>
                         answer !== undefined && handleOnSubmitAnswer && handleOnSubmitAnswer(answer)
diff --git a/client/src/components/QuestionsDisplay/questionStyle.css b/client/src/components/QuestionsDisplay/questionStyle.css
index 8528cf5..ceaae49 100644
--- a/client/src/components/QuestionsDisplay/questionStyle.css
+++ b/client/src/components/QuestionsDisplay/questionStyle.css
@@ -200,6 +200,10 @@
     margin-bottom: 1rem;
     
 }
+.submit-button{
+width: 20%;
+
+}