diff --git a/src/components/auth/LoginDialog.tsx b/src/components/auth/LoginDialog.tsx
index 846f951..7c437e7 100644
--- a/src/components/auth/LoginDialog.tsx
+++ b/src/components/auth/LoginDialog.tsx
@@ -48,7 +48,7 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ isOpen, onClose, onLogin, onS
   const handleKeyLogin = () => {
     if (!nsec.trim()) return;
     setIsLoading(true);
-    
+
     try {
       login.nsec(nsec);
       onLogin();
@@ -63,7 +63,7 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ isOpen, onClose, onLogin, onS
   const handleBunkerLogin = () => {
     if (!bunkerUri.trim() || !bunkerUri.startsWith('bunker://')) return;
     setIsLoading(true);
-    
+
     try {
       login.bunker(bunkerUri);
       onLogin();
@@ -199,17 +199,30 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ isOpen, onClose, onLogin, onS
             </TabsContent>
           </Tabs>
 
-          <div className='text-center text-sm'>
-            <p className='text-gray-600 dark:text-gray-400'>
-              Don't have an account?{' '}
-              <button
+          {onSignup && (
+            <div className='relative mt-6'>
+              <div className='absolute inset-0 flex items-center' aria-hidden='true'>
+                <div className='w-full border-t border-border' />
+              </div>
+              <div className='relative flex justify-center text-sm'>
+                <span className='px-2 bg-background text-muted-foreground'>
+                  New to Nostr?
+                </span>
+              </div>
+            </div>
+          )}
+
+          {onSignup && (
+            <div className='mt-6'>
+              <Button
+                variant='outline'
+                className='w-full'
                 onClick={handleSignupClick}
-                className='text-primary hover:underline font-medium'
               >
-                Sign up
-              </button>
-            </p>
-          </div>
+                Create an account
+              </Button>
+            </div>
+          )}
         </div>
       </DialogContent>
     </Dialog>