diff --git a/app/components/question_component.tsx b/app/components/question_component.tsx
index bdc457a..45cd13d 100644
--- a/app/components/question_component.tsx
+++ b/app/components/question_component.tsx
@@ -76,15 +76,15 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
             <button
               onClick={() => { handleAnswerClick( true )}}
               className="rounded-md bg-green-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-              style={{width:'30%', height:'30%'}}
+              style={{minWidth:'30%', minHeight:'30%'}}
             >
               <CheckCircleIcon></CheckCircleIcon>
               I knew that!
             </button>
             <button
               onClick={() => {handleAnswerClick( false )}}
-              className="rounded-md bg-red-600 px-3.5 py-2.5 text-xs font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-              style={{width:'30%', height:'30%'}}
+              className="rounded-md bg-red-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              style={{minWidth:'30%', minHeight:'30%'}}
             >
               <XCircleIcon></XCircleIcon>
               I didn't know that!