Fix record page

www/app/[domain]/transcripts/new/page.tsx

@@ -126,18 +126,19 @@ const TranscriptCreate = () => {
                   the permission setting in your browser and refresh this page.
                 </p>
               ) : (
-                <button
-                  className="mt-4 bg-blue-400 hover:bg-blue-500 focus-visible:bg-blue-500 text-white font-bold py-2 px-4 rounded"
+                <Button
+                  colorScheme="blue"
                   onClick={requestPermission}
                   disabled={permissionDenied}
                 >
                   Request Microphone Permission
-                </button>
+                </Button>
               )}
               <Button
                 colorScheme="blue"
                 onClick={send}
                 isDisabled={!permissionOk || loadingRecord || loadingUpload}
+                mt={2}
               >
                 {loadingRecord ? "Loading..." : "Record Meeting"}
               </Button>