diff --git a/src/components/auth/SignupDialog.tsx b/src/components/auth/SignupDialog.tsx
index f700c98..1b78bfa 100644
--- a/src/components/auth/SignupDialog.tsx
+++ b/src/components/auth/SignupDialog.tsx
@@ -266,12 +266,12 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
         className={cn("max-w-[95vw] sm:max-w-md max-h-[90vh] max-h-[90dvh] p-0 overflow-hidden rounded-2xl flex flex-col")}
       >
         <DialogHeader className={cn('px-6 pt-6 pb-1 relative flex-shrink-0')}>
-          <DialogTitle className={cn('font-semibold text-center text-lg')}>
+          <DialogTitle className={cn('font-semibold text-left text-lg')}>
             {getTitle()}
           </DialogTitle>
         </DialogHeader>
 
-        <div className='px-6 pt-2 pb-6 space-y-6 overflow-y-auto flex-1'>
+        <div className='px-6 pt-2 pb-6 space-y-6 flex-1'>
           {/* Initial Key Step - Soapbox style */}
           {step === 'key' && (
             <div className='flex flex-col items-center space-y-6'>
@@ -287,7 +287,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
 
               <div className='flex flex-col items-center space-y-3 w-full'>
                 <Button
-                  className='bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg'
+                  className='bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-2xl'
                   size='lg'
                   onClick={handleGenerateKey}
                 >
@@ -296,7 +296,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
 
                 <Button
                   variant='ghost'
-                  className='text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200'
+                  className='text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 rounded-2xl'
                   onClick={handleHasKey}
                 >
                   I already have a key