diff --git a/frontend/src/lib/auth/SignupForm.svelte b/frontend/src/lib/auth/SignupForm.svelte
index 00c440b..ec1cf02 100644
--- a/frontend/src/lib/auth/SignupForm.svelte
+++ b/frontend/src/lib/auth/SignupForm.svelte
@@ -149,6 +149,6 @@
 		class="mt-[16px] text-center text-[12px] text-[var(--color-text-muted)]
 			md:text-[13px]"
 	>
-		Du hast bereits ein Konto? <a href="/login" class="text-[var(--color-text)] underline">Anmelden</a>
+		Du hast bereits ein Konto? <a href="/login" class="font-medium text-[var(--green)] hover:underline">Anmelden</a>
 	</p>
 </form>
diff --git a/frontend/src/lib/auth/SignupForm.test.ts b/frontend/src/lib/auth/SignupForm.test.ts
index fc92dcf..f891b69 100644
--- a/frontend/src/lib/auth/SignupForm.test.ts
+++ b/frontend/src/lib/auth/SignupForm.test.ts
@@ -16,10 +16,12 @@ describe('SignupForm', () => {
 		expect(screen.getByRole('button', { name: /konto erstellen/i })).toBeInTheDocument();
 	});
 
-	it('renders login link', () => {
+	it('renders login link with correct href and styling', () => {
 		render(SignupForm);
 		const link = screen.getByRole('link', { name: /anmelden/i });
 		expect(link).toHaveAttribute('href', '/login');
+		expect(link.className).toContain('text-[var(--green)]');
+		expect(link.className).toContain('font-medium');
 	});
 
 	it('renders heading and subtitle', () => {