improve styling

src/components/Downloader.tsx

@@ -362,26 +362,30 @@ export default function Downloader({
   }
 
   return (
-    <form
+    <>
-      action="#"
+      {errorMessage ? (
-      method="post"
+        <TitleText>{errorMessage}</TitleText>
-      onSubmit={handleSubmitPassword}
+      ) : (
-      className="w-full"
+        <TitleText>This download requires a password.</TitleText>
-    >
+      )}
       <div className="flex flex-col space-y-5 w-full">
-        {errorMessage ? (
+        <form
-          <TitleText>{errorMessage}</TitleText>
+          action="#"
-        ) : (
+          method="post"
-          <TitleText>This download requires a password.</TitleText>
+          onSubmit={handleSubmitPassword}
-        )}
+          className="w-full"
-        <PasswordField
+        >
-          value={password}
+          <div className="flex flex-col space-y-5 w-full">
-          onChange={setPassword}
+            <PasswordField
-          isRequired
+              value={password}
-          isInvalid={Boolean(errorMessage)}
+              onChange={setPassword}
-        />
+              isRequired
-        <UnlockButton onClick={handleSubmitPassword} />
+              isInvalid={Boolean(errorMessage)}
+            />
+            <UnlockButton onClick={handleSubmitPassword} />
+          </div>
+        </form>
       </div>
-    </form>
+    </>
   )
 }