Update components/MathQuizApp.tsx

components/MathQuizApp.tsx

@@ -64,7 +64,7 @@ const MathQuizApp = () => {
 
   return (
     <div className="bg-gray-50 min-h-screen flex items-center justify-center">
-      <div className="max-w-3xl mx-auto p-8 bg-white rounded-lg shadow-md mt-4">
+      <div className="max-w-4xl mx-auto p-10 bg-white rounded-lg shadow-md mt-4">
         <h1 className="text-4xl font-bold mb-8 text-center">Math Quiz App</h1>
         <form onSubmit={handleSubmit} className="space-y-6">
           <div className="flex flex-col items-center gap-6">
@@ -92,7 +92,7 @@ const MathQuizApp = () => {
               type="number"
               value={userAnswer}
               onChange={(e) => setUserAnswer(e.target.value)}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-xl rounded-lg focus:ring-blue-500 focus:border-blue-500 p-4 w-64 text-center"
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-xl rounded-lg focus:ring-blue-500 focus:border-blue-500 p-4 w-80 text-center"
             />
           </div>
           <div className="text-center">