From cceecf14a62ac503c8f6f772d3da800209a7fc1b Mon Sep 17 00:00:00 2001
From: Hadeed Ahmad <hadeedji@gmail.com>
Date: Mon, 10 Jun 2024 08:20:45 +0400
Subject: [PATCH] Improve proportions

---
 src/app.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.jsx b/src/app.jsx
index b49f304..d07255c 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -23,7 +23,7 @@ const InputField = ({
   const error = errors[_label]?.type == "required";
 
   return (
-    <label className="group block cursor-pointer space-y-100 text-body-sm">
+    <label className="group block flex-1 cursor-pointer space-y-100 text-body-sm">
       <div className="space-x-100 text-grey-900 group-focus-within:text-green-600">
         <span>{label}</span>
         {required && <span className="text-green-600">*</span>}
@@ -53,7 +53,7 @@ export default function App() {
     <div className="flex min-h-dvh flex-col items-center justify-center bg-green-200 px-200 py-400">
       <Toast.Provider>
         <Toast.Viewport className="fixed left-0 top-0 flex w-full justify-center p-300" />
-        <div className="rounded-2xl bg-white p-300 text-grey-900">
+        <div className="w-full max-w-3xl rounded-2xl bg-white p-300 text-grey-900">
           <form
             onSubmit={handleSubmit((data) => {
               console.log(data);