diff --git a/src/routes/(console)/project-[project]/overview/assets/platform-server-dark.png b/src/routes/(console)/project-[project]/overview/assets/platform-server-dark.png
index 6b6fd0d5d..60d4c7dc3 100644
Binary files a/src/routes/(console)/project-[project]/overview/assets/platform-server-dark.png and b/src/routes/(console)/project-[project]/overview/assets/platform-server-dark.png differ
diff --git a/src/routes/(console)/project-[project]/overview/assets/platform-server.png b/src/routes/(console)/project-[project]/overview/assets/platform-server.png
index 47801fb10..fdbbf9c00 100644
Binary files a/src/routes/(console)/project-[project]/overview/assets/platform-server.png and b/src/routes/(console)/project-[project]/overview/assets/platform-server.png differ
diff --git a/src/routes/(console)/project-[project]/overview/assets/platform-web-dark.png b/src/routes/(console)/project-[project]/overview/assets/platform-web-dark.png
index d2e1f2721..74821735d 100644
Binary files a/src/routes/(console)/project-[project]/overview/assets/platform-web-dark.png and b/src/routes/(console)/project-[project]/overview/assets/platform-web-dark.png differ
diff --git a/src/routes/(console)/project-[project]/overview/assets/platform-web.png b/src/routes/(console)/project-[project]/overview/assets/platform-web.png
index 8a4aa7b78..2881e9dc1 100644
Binary files a/src/routes/(console)/project-[project]/overview/assets/platform-web.png and b/src/routes/(console)/project-[project]/overview/assets/platform-web.png differ
diff --git a/src/routes/(console)/project-[project]/overview/onboard.svelte b/src/routes/(console)/project-[project]/overview/onboard.svelte
index f971f341c..baec6842d 100644
--- a/src/routes/(console)/project-[project]/overview/onboard.svelte
+++ b/src/routes/(console)/project-[project]/overview/onboard.svelte
@@ -96,97 +96,107 @@
                         <button
                             class="onboarding-card platform-card top-row"
                             on:click={() => addPlatform(0)}>
-                            <img
-                                src={$app.themeInUse == 'dark'
-                                    ? PlatformWebImgSourceDark
-                                    : PlatformWebImgSource}
-                                alt="" />
-                            <div class="card-content">
-                                <Layout.Stack
-                                    direction="row"
-                                    justifyContent="space-between"
-                                    alignItems="center">
-                                    <h3>Web</h3>
+                            <Layout.Stack direction="column" justifyContent="space-between">
+                                <img
+                                    src={$app.themeInUse == 'dark'
+                                        ? PlatformWebImgSourceDark
+                                        : PlatformWebImgSource}
+                                    alt="" />
+                                <div class="card-content">
+                                    <Layout.Stack
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="flex-end">
+                                        <h3>Web</h3>
 
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} color="--neutral-250" />
-                                    </div></Layout.Stack>
-                            </div>
+                                        <div class="is-only-desktop">
+                                            <Icon icon={IconArrowRight} color="--neutral-250" />
+                                        </div></Layout.Stack>
+                                </div>
+                            </Layout.Stack>
                         </button>
                         <button class="onboarding-card platform-card top-row" on:click={createKey}>
-                            <img
-                                src={$app.themeInUse == 'dark'
-                                    ? PlatformServerImgSourceDark
-                                    : PlatformServerImgSource}
-                                alt="" />
-                            <div class="card-content">
-                                <Layout.Stack
-                                    direction="row"
-                                    justifyContent="space-between"
-                                    alignItems="center">
-                                    <h3>Server</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} color="--neutral-250" />
-                                    </div></Layout.Stack>
-                            </div>
+                            <Layout.Stack direction="column" justifyContent="space-between">
+                                <img
+                                    src={$app.themeInUse == 'dark'
+                                        ? PlatformServerImgSourceDark
+                                        : PlatformServerImgSource}
+                                    alt="" />
+                                <div class="card-content">
+                                    <Layout.Stack
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="center">
+                                        <h3>Server</h3>
+                                        <div class="is-only-desktop">
+                                            <Icon icon={IconArrowRight} color="--neutral-250" />
+                                        </div></Layout.Stack>
+                                </div>
+                            </Layout.Stack>
                         </button>
                         <button
                             class="onboarding-card platform-card"
                             on:click={() => addPlatform(3)}>
-                            <img
-                                src={$app.themeInUse == 'dark'
-                                    ? PlatformIosImgSourceDark
-                                    : PlatformIosImgSource}
-                                alt="" />
-                            <div class="card-content">
-                                <Layout.Stack
-                                    direction="row"
-                                    justifyContent="space-between"
-                                    alignItems="center">
-                                    <h3>Apple</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} color="--neutral-250" />
-                                    </div></Layout.Stack>
-                            </div>
+                            <Layout.Stack direction="column" justifyContent="space-between">
+                                <img
+                                    src={$app.themeInUse == 'dark'
+                                        ? PlatformIosImgSourceDark
+                                        : PlatformIosImgSource}
+                                    alt="" />
+                                <div class="card-content">
+                                    <Layout.Stack
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="center">
+                                        <h3>Apple</h3>
+                                        <div class="is-only-desktop">
+                                            <Icon icon={IconArrowRight} color="--neutral-250" />
+                                        </div></Layout.Stack>
+                                </div>
+                            </Layout.Stack>
                         </button>
                         <button
                             class="onboarding-card platform-card"
                             on:click={() => addPlatform(2)}>
-                            <img
-                                src={$app.themeInUse === 'dark'
-                                    ? PlatformAndroidImgSourceDark
-                                    : PlatformAndroidImgSource}
-                                alt="" />
-                            <div class="card-content">
-                                <Layout.Stack
-                                    direction="row"
-                                    justifyContent="space-between"
-                                    alignItems="center">
-                                    <h3>Android</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} color="--neutral-250" />
-                                    </div></Layout.Stack>
-                            </div>
+                            <Layout.Stack direction="column" justifyContent="space-between">
+                                <img
+                                    src={$app.themeInUse === 'dark'
+                                        ? PlatformAndroidImgSourceDark
+                                        : PlatformAndroidImgSource}
+                                    alt="" />
+                                <div class="card-content">
+                                    <Layout.Stack
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="center">
+                                        <h3>Android</h3>
+                                        <div class="is-only-desktop">
+                                            <Icon icon={IconArrowRight} color="--neutral-250" />
+                                        </div></Layout.Stack>
+                                </div>
+                            </Layout.Stack>
                         </button>
 
                         <button
                             class="onboarding-card platform-card"
                             on:click={() => addPlatform(1)}>
-                            <img
-                                src={$app.themeInUse === 'dark'
-                                    ? PlatformFlutterImgSourceDark
-                                    : PlatformFlutterImgSource}
-                                alt="" />
-                            <div class="card-content">
-                                <Layout.Stack
-                                    direction="row"
-                                    justifyContent="space-between"
-                                    alignItems="center">
-                                    <h3>Flutter</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} color="--neutral-250" />
-                                    </div></Layout.Stack>
-                            </div>
+                            <Layout.Stack direction="column" justifyContent="space-between">
+                                <img
+                                    src={$app.themeInUse === 'dark'
+                                        ? PlatformFlutterImgSourceDark
+                                        : PlatformFlutterImgSource}
+                                    alt="" />
+                                <div class="card-content">
+                                    <Layout.Stack
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="center">
+                                        <h3>Flutter</h3>
+                                        <div class="is-only-desktop">
+                                            <Icon icon={IconArrowRight} color="--neutral-250" />
+                                        </div></Layout.Stack>
+                                </div>
+                            </Layout.Stack>
                         </button>
                     </div>
                 </Layout.Stack></Step.Item>
@@ -522,10 +532,6 @@
             height: 100%;
             display: flex;
             flex-direction: column;
-
-            h3 {
-                margin-block-end: var(--space-4);
-            }
         }
 
         .card-docs {