From 2f50a9d008a3629f8fb5bd40018c5e3b8633b345 Mon Sep 17 00:00:00 2001
From: "t3-code[bot]" <219304759+t3-code[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2026 13:33:18 +0000
Subject: [PATCH 1/3] fix(web): align update toast release notes link

Co-authored-by: Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com>
---
 apps/web/src/components/desktopUpdate.toast.test.tsx | 11 ++++++++++-
 apps/web/src/components/desktopUpdate.toast.tsx      |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/desktopUpdate.toast.test.tsx b/apps/web/src/components/desktopUpdate.toast.test.tsx
index 369a3cdf4316..da61bf45593b 100644
--- a/apps/web/src/components/desktopUpdate.toast.test.tsx
+++ b/apps/web/src/components/desktopUpdate.toast.test.tsx
@@ -12,7 +12,10 @@ vi.mock("./ui/toast", () => ({
 
 import { showDesktopUpdateDownloadedToast } from "./desktopUpdate.toast";
 
-type ClickableElement = ReactElement<{ readonly onClick?: () => void }>;
+type ClickableElement = ReactElement<{
+  readonly className?: string;
+  readonly onClick?: () => void;
+}>;
 
 /** Walks the rendered description, invoking function components, to find the link button. */
 function findReleaseNotesLink(node: ReactNode): ClickableElement | null {
@@ -64,6 +67,12 @@ describe("showDesktopUpdateDownloadedToast", () => {
     testState.addToast.mockReset();
   });
 
+  it("aligns the release notes link with the surrounding text", () => {
+    showDesktopUpdateDownloadedToast({ openExternal: vi.fn() }, downloadedState());
+
+    expect(findReleaseNotesLink(getDescription())?.props.className).toContain("align-middle");
+  });
+
   it("opens the downloaded version's release notes", async () => {
     const openExternal = vi.fn().mockResolvedValue(true);
 
diff --git a/apps/web/src/components/desktopUpdate.toast.tsx b/apps/web/src/components/desktopUpdate.toast.tsx
index 004a76a81cd7..1c1ee63ee467 100644
--- a/apps/web/src/components/desktopUpdate.toast.tsx
+++ b/apps/web/src/components/desktopUpdate.toast.tsx
@@ -18,7 +18,7 @@ function ReleaseNotesLink({
 }) {
   return (
     <button
-      className="ml-2 inline-flex cursor-pointer items-center gap-1 align-baseline text-muted-foreground underline decoration-dotted underline-offset-4 transition-colors hover:text-foreground"
+      className="ml-2 inline-flex cursor-pointer items-center gap-1 align-middle text-muted-foreground underline decoration-dotted underline-offset-4 transition-colors hover:text-foreground"
       onClick={() => {
         void (async () => {
           try {

From fd85fd234d18b0c553b60e77f527b970cd3fbba7 Mon Sep 17 00:00:00 2001
From: "t3-code[bot]" <219304759+t3-code[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2026 13:37:35 +0000
Subject: [PATCH 2/3] test(web): remove update toast alignment regression test

Co-authored-by: Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com>
Co-authored-by: Exotic <118054752+extoci@users.noreply.github.com>
---
 apps/web/src/components/desktopUpdate.toast.test.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/apps/web/src/components/desktopUpdate.toast.test.tsx b/apps/web/src/components/desktopUpdate.toast.test.tsx
index da61bf45593b..369a3cdf4316 100644
--- a/apps/web/src/components/desktopUpdate.toast.test.tsx
+++ b/apps/web/src/components/desktopUpdate.toast.test.tsx
@@ -12,10 +12,7 @@ vi.mock("./ui/toast", () => ({
 
 import { showDesktopUpdateDownloadedToast } from "./desktopUpdate.toast";
 
-type ClickableElement = ReactElement<{
-  readonly className?: string;
-  readonly onClick?: () => void;
-}>;
+type ClickableElement = ReactElement<{ readonly onClick?: () => void }>;
 
 /** Walks the rendered description, invoking function components, to find the link button. */
 function findReleaseNotesLink(node: ReactNode): ClickableElement | null {
@@ -67,12 +64,6 @@ describe("showDesktopUpdateDownloadedToast", () => {
     testState.addToast.mockReset();
   });
 
-  it("aligns the release notes link with the surrounding text", () => {
-    showDesktopUpdateDownloadedToast({ openExternal: vi.fn() }, downloadedState());
-
-    expect(findReleaseNotesLink(getDescription())?.props.className).toContain("align-middle");
-  });
-
   it("opens the downloaded version's release notes", async () => {
     const openExternal = vi.fn().mockResolvedValue(true);
 

From bc9d3270305f765b0065fb1289b69f3107ccd744 Mon Sep 17 00:00:00 2001
From: "t3-code[bot]" <219304759+t3-code[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2026 13:48:12 +0000
Subject: [PATCH 3/3] fix(web): match update toast text baseline

Co-authored-by: Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com>
---
 apps/web/src/components/desktopUpdate.toast.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/desktopUpdate.toast.tsx b/apps/web/src/components/desktopUpdate.toast.tsx
index 1c1ee63ee467..4e55f3a28d12 100644
--- a/apps/web/src/components/desktopUpdate.toast.tsx
+++ b/apps/web/src/components/desktopUpdate.toast.tsx
@@ -18,7 +18,7 @@ function ReleaseNotesLink({
 }) {
   return (
     <button
-      className="ml-2 inline-flex cursor-pointer items-center gap-1 align-middle text-muted-foreground underline decoration-dotted underline-offset-4 transition-colors hover:text-foreground"
+      className="ml-2 inline cursor-pointer text-muted-foreground underline decoration-dotted underline-offset-4 transition-colors hover:text-foreground"
       onClick={() => {
         void (async () => {
           try {
@@ -32,7 +32,11 @@ function ReleaseNotesLink({
       type="button"
     >
       Read more
-      <ArrowRightIcon aria-hidden className="size-3 -rotate-45" strokeWidth={2.25} />
+      <ArrowRightIcon
+        aria-hidden
+        className="ml-1 inline size-3 -rotate-45 align-[-0.125em]"
+        strokeWidth={2.25}
+      />
     </button>
   );
 }