improve styling

src/components/Downloader.tsx

@@ -362,6 +362,13 @@ export default function Downloader({
   }
 
   return (
+    <>
+      {errorMessage ? (
+        <TitleText>{errorMessage}</TitleText>
+      ) : (
+        <TitleText>This download requires a password.</TitleText>
+      )}
+      <div className="flex flex-col space-y-5 w-full">
         <form
           action="#"
           method="post"
@@ -369,11 +376,6 @@ export default function Downloader({
           className="w-full"
         >
           <div className="flex flex-col space-y-5 w-full">
-        {errorMessage ? (
-          <TitleText>{errorMessage}</TitleText>
-        ) : (
-          <TitleText>This download requires a password.</TitleText>
-        )}
             <PasswordField
               value={password}
               onChange={setPassword}
@@ -383,5 +385,7 @@ export default function Downloader({
             <UnlockButton onClick={handleSubmitPassword} />
           </div>
         </form>
+      </div>
+    </>
   )
 }