diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 849376b0..1fd6effa 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -685,7 +685,7 @@ $: {
             </DropdownMenu.Content>
           </DropdownMenu.Root>
           {:else}
-          <a href="/login" class="inline-flex items-center justify-center rounded-xl bg-purple-600 px-3 py-2 text-sm font-semibold text-white  shadow-sm transition-all duration-150 hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600">
+          <a href="/login" class="inline-flex items-center justify-center rounded-lg bg-purple-600 px-4 py-2 text-sm font-semibold text-white  shadow-sm transition-all duration-150 hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600">
             Login
           </a>
           {/if}
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index dfe1ab8a..4d1e61b0 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -96,8 +96,8 @@
   <!-- Add more Twitter meta tags as needed -->
 </svelte:head>
 	
-	
-	<div class="relative w-full max-w-3xl min-h-screen m-auto pb-40 sm:mt-10 {oauthLoading ? 'opacity-[0.2]' : ''}">
+
+	<div class="relative max-w-3xl sm:max-w-screen-xl min-h-screen pb-40 sm:mt-10 {oauthLoading ? 'opacity-[0.2]' : ''}">
 	
 			<div class="grid grid-cols-1 gap-4" >
 				<div class="relative">
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 57f3da95..057191e5 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -105,7 +105,7 @@
 	
 	
 	
-	<div class="w-full max-w-3xl min-h-screen m-auto pb-40 sm:mt-10 {oauthLoading ? 'opacity-[0.2]' : ''}">
+	<div class="w-full max-w-3xl sm:max-w-screen-xl min-h-screen pb-40 sm:mt-10 {oauthLoading ? 'opacity-[0.2]' : ''}">
 	
 		<div class="grid grid-cols-1 gap-4" >
 			<div class="relative">