diff --git a/.gitignore b/.gitignore
index 51016241..7c3352a2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,6 +32,9 @@ envbak
 .env*
 !.env.sample
 
+# local settings
+.vscode/settings.json
+
 # vercel
 .vercel
 
diff --git a/components/nav/common.js b/components/nav/common.js
index dcc229bb..50bff336 100644
--- a/components/nav/common.js
+++ b/components/nav/common.js
@@ -236,8 +236,8 @@ export function SignUpButton ({ className = 'py-0' }) {
   return (
     <Button
       className={classNames('align-items-center ps-2 pe-3', className)}
-      style={{ borderWidth: '2px' }}
-      id='login'
+      style={{ borderWidth: '2px', width: '112px' }}
+      id='signup'
       onClick={() => handleLogin('/signup')}
     >
       <LightningIcon
@@ -259,8 +259,8 @@ export default function LoginButton ({ className }) {
   return (
     <Button
       className='align-items-center px-3 py-1 mb-2'
-      id='signup'
-      style={{ borderWidth: '2px' }}
+      id='login'
+      style={{ borderWidth: '2px', width: '112px' }}
       variant='outline-grey-darkmode'
       onClick={() => handleLogin('/login')}
     >