diff --git a/apps/login/.eslintrc.js b/apps/login/.eslintrc.js
index 930db3fcf42..80e15e4e614 100755
--- a/apps/login/.eslintrc.js
+++ b/apps/login/.eslintrc.js
@@ -1,4 +1,4 @@
 module.exports = {
-  extends: 'next/core-web-vitals',
-  ignorePatterns: ['external/**/*.ts'],
+  extends: "next/core-web-vitals",
+  ignorePatterns: ["external/**/*.ts"],
 };
diff --git a/apps/login/.vscode/settings.json b/apps/login/.vscode/settings.json
index d73b11f1df9..d97f0e64745 100644
--- a/apps/login/.vscode/settings.json
+++ b/apps/login/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
   "typescript.tsdk": "../../node_modules/.pnpm/typescript@4.8.4/node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
-}
\ No newline at end of file
+}
diff --git a/apps/login/next.config.js b/apps/login/next.config.js
index 115a8e0a851..2f60c3de82e 100755
--- a/apps/login/next.config.js
+++ b/apps/login/next.config.js
@@ -9,16 +9,16 @@ const nextConfig = {
   images: {
     remotePatterns: [
       {
-        protocol: 'https',
-        hostname: 'zitadel.com',
-        port: '',
-        pathname: '/**',
+        protocol: "https",
+        hostname: "zitadel.com",
+        port: "",
+        pathname: "/**",
       },
       {
-        protocol: 'https',
-        hostname: 'zitadel.cloud',
-        port: '',
-        pathname: '/**',
+        protocol: "https",
+        hostname: "zitadel.cloud",
+        port: "",
+        pathname: "/**",
       },
     ],
   },
diff --git a/apps/login/package.json b/apps/login/package.json
index 3d8cc5d3fec..a919fdaa61b 100644
--- a/apps/login/package.json
+++ b/apps/login/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "build": "next build",
     "dev": "next dev",
-    "lint": "next lint",
+    "lint": "next lint && prettier --check .",
     "lint-staged": "lint-staged",
     "start": "next start",
     "test": "yarn prettier:check &nexarn lint",
diff --git a/apps/login/readme.md b/apps/login/readme.md
index c3a9ca7b26b..19bed1a8640 100644
--- a/apps/login/readme.md
+++ b/apps/login/readme.md
@@ -1,9 +1,9 @@
 # ZITADEL Login UI
 
-This is going to be our next UI for the hosted login. It's based on Next.js 13 and its introduced `app/` directory (currently beta). 
+This is going to be our next UI for the hosted login. It's based on Next.js 13 and its introduced `app/` directory (currently beta).
 
 The Login UI should provide the following functionality:
- 
+
 - **Login API:** Request and Submit state to the Login API
 - **Server Components:** Making server-first the default for the most dynamic applications.
 - **Streaming:** Display instant loading states and stream in updates (Register with [Liquid](https://liquidjs.com/))
@@ -16,4 +16,3 @@ The Login UI should provide the following functionality:
 ## Documentation
 
 https://beta.nextjs.org/docs
-
diff --git a/apps/login/ui/ExternalLink.tsx b/apps/login/ui/ExternalLink.tsx
index ecaf31912e9..0734aff95eb 100644
--- a/apps/login/ui/ExternalLink.tsx
+++ b/apps/login/ui/ExternalLink.tsx
@@ -1,4 +1,4 @@
-import { ArrowRightIcon } from '@heroicons/react/24/solid';
+import { ArrowRightIcon } from "@heroicons/react/24/solid";
 
 export const ExternalLink = ({
   children,
diff --git a/apps/login/ui/SkeletonCard.tsx b/apps/login/ui/SkeletonCard.tsx
index 09e205e6f72..fe40f40830c 100644
--- a/apps/login/ui/SkeletonCard.tsx
+++ b/apps/login/ui/SkeletonCard.tsx
@@ -1,9 +1,9 @@
-import clsx from 'clsx';
+import clsx from "clsx";
 
 export const SkeletonCard = ({ isLoading }: { isLoading?: boolean }) => (
   <div
-    className={clsx('rounded-2xl bg-gray-900/80 p-4', {
-      'relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent':
+    className={clsx("rounded-2xl bg-gray-900/80 p-4", {
+      "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent":
         isLoading,
     })}
   >
diff --git a/apps/login/ui/TabGroup.tsx b/apps/login/ui/TabGroup.tsx
index 32b07155006..b667a0644a7 100644
--- a/apps/login/ui/TabGroup.tsx
+++ b/apps/login/ui/TabGroup.tsx
@@ -1,4 +1,4 @@
-import { Tab } from '#/ui/Tab';
+import { Tab } from "#/ui/Tab";
 
 export type Item = {
   text: string;
diff --git a/apps/login/ui/ZitadelLogoDark.tsx b/apps/login/ui/ZitadelLogoDark.tsx
index c9c475da3d1..0df6ae2004c 100644
--- a/apps/login/ui/ZitadelLogoDark.tsx
+++ b/apps/login/ui/ZitadelLogoDark.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from "react";
 
 export const ZitadelLogoDark: FC = (props) => (
   <svg
diff --git a/apps/login/ui/ZitadelLogoLight.tsx b/apps/login/ui/ZitadelLogoLight.tsx
index 4ee9ef22733..51529aa821d 100644
--- a/apps/login/ui/ZitadelLogoLight.tsx
+++ b/apps/login/ui/ZitadelLogoLight.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from "react";
 
 export const ZitadelLogoLight: FC = (props) => (
   <svg