diff --git a/src/routes/products/auth/(assets)/platforms/nhost.svg b/src/routes/products/auth/(assets)/platforms/nhost.svg
index cd495414df..4fedd42f63 100644
--- a/src/routes/products/auth/(assets)/platforms/nhost.svg
+++ b/src/routes/products/auth/(assets)/platforms/nhost.svg
@@ -1,3 +1,5 @@
 <svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.406 5.144L12.041 0.322999C11.6704 0.111021 11.2509 -0.000488281 10.824 -0.000488281C10.3971 -0.000488281 9.97757 0.111021 9.607 0.322999C9.23785 0.536125 8.93114 0.842458 8.71757 1.21135C8.50399 1.58024 8.39104 1.99874 8.39 2.425V3.054L7.845 2.739C7.47431 2.52684 7.05461 2.41523 6.6275 2.41523C6.20039 2.41523 5.78069 2.52684 5.41 2.739C5.04064 2.95272 4.73395 3.25979 4.5207 3.62942C4.30745 3.99906 4.19513 4.41826 4.195 4.845V5.474L3.649 5.159C3.27855 4.9472 2.85922 4.8358 2.4325 4.8358C2.00578 4.8358 1.58645 4.9472 1.216 5.159C0.846891 5.37234 0.54029 5.67888 0.326886 6.04795C0.113481 6.41702 0.000758489 6.83567 0 7.262L0 22.364C0.000338704 22.5787 0.0611021 22.789 0.175341 22.9708C0.28958 23.1526 0.452682 23.2986 0.645993 23.3921C0.839304 23.4856 1.05502 23.5228 1.26847 23.4994C1.48192 23.476 1.68449 23.3931 1.853 23.26L6 19.995L12.398 23.68C12.5724 23.7789 12.7695 23.8308 12.97 23.8308C13.1705 23.8308 13.3676 23.7789 13.542 23.68C13.895 23.477 14.114 23.099 14.114 22.691V13.605C14.1124 12.8698 13.9178 12.1479 13.5496 11.5116C13.1814 10.8753 12.6526 10.3468 12.016 9.979L9.92 8.769V2.428C9.92051 2.26896 9.96279 2.11284 10.0426 1.97527C10.1224 1.83771 10.237 1.72351 10.3748 1.64413C10.5126 1.56474 10.6688 1.52295 10.8279 1.52292C10.9869 1.5229 11.1432 1.56465 11.281 1.644L19.646 6.463C20.051 6.69705 20.3874 7.0333 20.6217 7.43815C20.856 7.843 20.9799 8.30225 20.981 8.77V20.087C20.9807 20.246 20.9386 20.4021 20.8589 20.5397C20.7792 20.6773 20.6648 20.7916 20.527 20.871L18.311 22.148V11.186C18.3096 10.4508 18.1151 9.72882 17.7469 9.09245C17.3787 8.45607 16.8497 7.92761 16.213 7.56L11.063 4.594V6.35L15.45 8.878C15.855 9.11181 16.1914 9.44787 16.4257 9.85256C16.66 10.2573 16.7839 10.7164 16.785 11.184V22.804C16.785 23.208 17.005 23.589 17.358 23.793C17.5325 23.8917 17.7295 23.9435 17.93 23.9435C18.1305 23.9435 18.3275 23.8917 18.502 23.793L21.292 22.185C21.661 21.9716 21.9676 21.665 22.181 21.296C22.3944 20.9269 22.5071 20.5083 22.508 20.082V8.766C22.5045 8.03139 22.3087 7.31049 21.9401 6.67504C21.5715 6.03959 21.042 5.51174 20.406 5.144ZM11.25 11.296C11.6553 11.53 11.9919 11.8664 12.2262 12.2714C12.4605 12.6765 12.5842 13.136 12.585 13.604V22.034L7.288 18.983L8.988 17.646C9.27787 17.42 9.5122 17.1306 9.67304 16.8001C9.83389 16.4695 9.917 16.1066 9.916 15.739V10.53L11.251 11.297H11.25V11.296ZM8.39 9.65V15.738C8.39 16.018 8.263 16.278 8.044 16.448L1.524 21.578V7.26C1.52421 7.10084 1.5663 6.94454 1.64604 6.80679C1.72577 6.66905 1.84035 6.55471 1.97827 6.47527C2.11618 6.39582 2.27257 6.35407 2.43173 6.35419C2.59089 6.35432 2.74721 6.39633 2.885 6.476L4.195 7.23V18.023L5.72 16.823V4.843C5.72028 4.68378 5.76248 4.52744 5.84234 4.38969C5.9222 4.25194 6.03691 4.13765 6.17495 4.05829C6.31299 3.97894 6.46948 3.93732 6.6287 3.93762C6.78793 3.93792 6.94426 3.98012 7.082 4.06L8.39 4.813V7.889L6.866 7.01V8.77L8.392 9.65H8.39Z" fill="#0052CD"/>
-</svg>
+    <path
+        d="M20.406 5.144L12.041 0.322999C11.6704 0.111021 11.2509 -0.000488281 10.824 -0.000488281C10.3971 -0.000488281 9.97757 0.111021 9.607 0.322999C9.23785 0.536125 8.93114 0.842458 8.71757 1.21135C8.50399 1.58024 8.39104 1.99874 8.39 2.425V3.054L7.845 2.739C7.47431 2.52684 7.05461 2.41523 6.6275 2.41523C6.20039 2.41523 5.78069 2.52684 5.41 2.739C5.04064 2.95272 4.73395 3.25979 4.5207 3.62942C4.30745 3.99906 4.19513 4.41826 4.195 4.845V5.474L3.649 5.159C3.27855 4.9472 2.85922 4.8358 2.4325 4.8358C2.00578 4.8358 1.58645 4.9472 1.216 5.159C0.846891 5.37234 0.54029 5.67888 0.326886 6.04795C0.113481 6.41702 0.000758489 6.83567 0 7.262L0 22.364C0.000338704 22.5787 0.0611021 22.789 0.175341 22.9708C0.28958 23.1526 0.452682 23.2986 0.645993 23.3921C0.839304 23.4856 1.05502 23.5228 1.26847 23.4994C1.48192 23.476 1.68449 23.3931 1.853 23.26L6 19.995L12.398 23.68C12.5724 23.7789 12.7695 23.8308 12.97 23.8308C13.1705 23.8308 13.3676 23.7789 13.542 23.68C13.895 23.477 14.114 23.099 14.114 22.691V13.605C14.1124 12.8698 13.9178 12.1479 13.5496 11.5116C13.1814 10.8753 12.6526 10.3468 12.016 9.979L9.92 8.769V2.428C9.92051 2.26896 9.96279 2.11284 10.0426 1.97527C10.1224 1.83771 10.237 1.72351 10.3748 1.64413C10.5126 1.56474 10.6688 1.52295 10.8279 1.52292C10.9869 1.5229 11.1432 1.56465 11.281 1.644L19.646 6.463C20.051 6.69705 20.3874 7.0333 20.6217 7.43815C20.856 7.843 20.9799 8.30225 20.981 8.77V20.087C20.9807 20.246 20.9386 20.4021 20.8589 20.5397C20.7792 20.6773 20.6648 20.7916 20.527 20.871L18.311 22.148V11.186C18.3096 10.4508 18.1151 9.72882 17.7469 9.09245C17.3787 8.45607 16.8497 7.92761 16.213 7.56L11.063 4.594V6.35L15.45 8.878C15.855 9.11181 16.1914 9.44787 16.4257 9.85256C16.66 10.2573 16.7839 10.7164 16.785 11.184V22.804C16.785 23.208 17.005 23.589 17.358 23.793C17.5325 23.8917 17.7295 23.9435 17.93 23.9435C18.1305 23.9435 18.3275 23.8917 18.502 23.793L21.292 22.185C21.661 21.9716 21.9676 21.665 22.181 21.296C22.3944 20.9269 22.5071 20.5083 22.508 20.082V8.766C22.5045 8.03139 22.3087 7.31049 21.9401 6.67504C21.5715 6.03959 21.042 5.51174 20.406 5.144ZM11.25 11.296C11.6553 11.53 11.9919 11.8664 12.2262 12.2714C12.4605 12.6765 12.5842 13.136 12.585 13.604V22.034L7.288 18.983L8.988 17.646C9.27787 17.42 9.5122 17.1306 9.67304 16.8001C9.83389 16.4695 9.917 16.1066 9.916 15.739V10.53L11.251 11.297H11.25V11.296ZM8.39 9.65V15.738C8.39 16.018 8.263 16.278 8.044 16.448L1.524 21.578V7.26C1.52421 7.10084 1.5663 6.94454 1.64604 6.80679C1.72577 6.66905 1.84035 6.55471 1.97827 6.47527C2.11618 6.39582 2.27257 6.35407 2.43173 6.35419C2.59089 6.35432 2.74721 6.39633 2.885 6.476L4.195 7.23V18.023L5.72 16.823V4.843C5.72028 4.68378 5.76248 4.52744 5.84234 4.38969C5.9222 4.25194 6.03691 4.13765 6.17495 4.05829C6.31299 3.97894 6.46948 3.93732 6.6287 3.93762C6.78793 3.93792 6.94426 3.98012 7.082 4.06L8.39 4.813V7.889L6.866 7.01V8.77L8.392 9.65H8.39Z"
+        fill="#0052CD" />
+</svg>
\ No newline at end of file
diff --git a/src/routes/products/auth/(components)/features/Email.svelte b/src/routes/products/auth/(components)/features/Email.svelte
index d3500a4267..b87dc27b28 100644
--- a/src/routes/products/auth/(components)/features/Email.svelte
+++ b/src/routes/products/auth/(components)/features/Email.svelte
@@ -17,7 +17,7 @@
 </script>
 
 <div
-    class="gradient !absolute z-10 flex max-w-sm scale-95 flex-col gap-4 rounded-lg backdrop-blur-[32px] max-md:-right-32 max-md:bottom-20 max-sm:-right-48 md:top-16 md:right-0 md:scale-100 md:rounded-2xl"
+    class="gradient z-10 flex max-w-sm scale-95 flex-col gap-4 rounded-lg backdrop-blur-[32px] md:rounded-2xl"
 >
     <div class="flex flex-col gap-1 divide-y divide-white/5">
         {#each emails as email}
diff --git a/src/routes/products/auth/(components)/features/Features.svelte b/src/routes/products/auth/(components)/features/Features.svelte
index 0a232cabc1..a3b7d1f6fd 100644
--- a/src/routes/products/auth/(components)/features/Features.svelte
+++ b/src/routes/products/auth/(components)/features/Features.svelte
@@ -28,16 +28,26 @@
             'after:to-greyscale-900 after:absolute after:right-0 after:bottom-0 after:left-0 after:z-0 after:h-[350px] after:bg-gradient-to-b after:from-transparent'
         )}
     >
-        <div class="max-h-[50vh] overflow-hidden">
+        <div class="max-h-[40vh] overflow-hidden md:max-h-[50vh]">
             <Phone />
         </div>
-        <Identity />
-        <MultiFactor />
-        <VerificationCode />
-        <Email />
+        <div
+            class="absolute -right-6 scale-75 max-md:top-8 md:right-20 md:bottom-14 md:scale-100 lg:right-40"
+        >
+            <Identity />
+        </div>
+        <div class="absolute -bottom-20 -left-16 z-10 scale-90 md:-bottom-6 md:left-4 md:scale-100">
+            <MultiFactor />
+        </div>
+        <div class="absolute -top-14 -left-4 scale-75 md:left-10 md:scale-100 lg:left-40">
+            <VerificationCode />
+        </div>
+        <div class="absolute -right-52 bottom-12 md:-right-40 md:bottom-10">
+            <Email />
+        </div>
     </div>
 
-    <div class="mt-16 flex flex-col gap-y-4 p-4 md:p-0 md:text-center">
+    <div class="mt-32 flex flex-col gap-y-4 p-4 md:mt-16 md:p-0 md:text-center">
         <div class="mx-auto max-w-xl space-y-4">
             <h2 class="md:text-display text-title text-primary font-aeonik-pro">
                 Customer identity
diff --git a/src/routes/products/auth/(components)/features/Identity.svelte b/src/routes/products/auth/(components)/features/Identity.svelte
index 4504e7dbed..794a856c40 100644
--- a/src/routes/products/auth/(components)/features/Identity.svelte
+++ b/src/routes/products/auth/(components)/features/Identity.svelte
@@ -81,9 +81,7 @@
     };
 </script>
 
-<div
-    class="absolute right-0 flex w-[120px] scale-75 flex-col gap-4 max-md:top-8 md:right-[27%] md:bottom-14 md:scale-100"
->
+<div class="right-0 flex w-[120px] flex-col gap-4">
     <div
         class="gradient relative z-20 flex size-20 items-center justify-center overflow-hidden rounded-2xl backdrop-blur-2xl"
     >
diff --git a/src/routes/products/auth/(components)/features/MultiFactor.svelte b/src/routes/products/auth/(components)/features/MultiFactor.svelte
index fd0bfacd7d..1692e45c87 100644
--- a/src/routes/products/auth/(components)/features/MultiFactor.svelte
+++ b/src/routes/products/auth/(components)/features/MultiFactor.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <div
-    class="gradient !absolute -bottom-6 z-10 flex scale-80 flex-col items-center justify-center gap-4 rounded-2xl py-6 px-4 text-center backdrop-blur-[32px] max-sm:-left-14 md:bottom-0 md:left-16 md:max-w-xs md:scale-100 md:rounded-2xl md:p-8"
+    class="gradient flex flex-col items-center justify-center gap-4 rounded-2xl py-6 px-4 text-center backdrop-blur-[32px] md:max-w-xs md:rounded-2xl md:p-8"
 >
     <div class="space-y-1">
         <h3 class="text-description text-primary">Verify your identity</h3>
diff --git a/src/routes/products/auth/(components)/features/VerificationCode.svelte b/src/routes/products/auth/(components)/features/VerificationCode.svelte
index 40a75bebf7..645c605519 100644
--- a/src/routes/products/auth/(components)/features/VerificationCode.svelte
+++ b/src/routes/products/auth/(components)/features/VerificationCode.svelte
@@ -1,8 +1,6 @@
-<div class="absolute -top-14 -left-12 max-w-xs scale-75 md:left-40 md:scale-100">
+<div class="max-w-xs">
     <span class="text-[0.6875rem]">Wed, May 1</span>
-    <div
-        class="gradient flex items-end justify-center gap-2 py-2 px-1.5 text-center backdrop-blur-[32px] md:py-4 md:px-4"
-    >
+    <div class="gradient flex items-end justify-center gap-2 p-4 text-center backdrop-blur-[32px]">
         <span class="text-caption leading-normal -tracking-tight text-white"
             >Verification code for login is 003485</span
         >