diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png
index b3e11009a11..c161869e995 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png differ
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png
index 08bd9847552..fca6446f4b4 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png differ
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png
index 5a2af8c8d59..75f2023da76 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png differ
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png
index 94c87949518..c78324e3b0d 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png differ
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png
index b3e11009a11..c161869e995 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png differ
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png
index e147276f227..d1f26e3c369 100755
Binary files a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png and b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png differ
diff --git a/packages/itwinui-css/backstop/tests/toast.html b/packages/itwinui-css/backstop/tests/toast.html
index f8efe61e3ba..2135dc7a21c 100644
--- a/packages/itwinui-css/backstop/tests/toast.html
+++ b/packages/itwinui-css/backstop/tests/toast.html
@@ -150,10 +150,10 @@ <h3>Toast placement:</h3>
               ></svg-status-success>
             </div>
             <div class="iui-message">Job processing completed.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View the report</button>
+            >View the report</a>
             <button
               aria-label="Close"
               type="button"
@@ -222,10 +222,10 @@ <h3>Toast placement:</h3>
               frankfurter capicola. Jowl shankle short ribs rump shank ribeye,
               frankfurter sausage.
             </div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View</button>
+            >View</a>
             <button
               aria-label="Close"
               type="button"
@@ -253,10 +253,10 @@ <h3>Toast placement:</h3>
             <div class="iui-message">
               26 files are available for synchronization.
             </div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View</button>
+            >View</a>
           </div>
 
           <div
@@ -270,10 +270,10 @@ <h3>Toast placement:</h3>
               ></svg-status-error>
             </div>
             <div class="iui-message">Job processing error.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View the report</button>
+            >View the report</a>
             <button
               aria-label="Close"
               type="button"
@@ -299,10 +299,10 @@ <h3>Toast placement:</h3>
               ></svg-status-warning>
             </div>
             <div class="iui-message">Job processing requires approval.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >Approve</button>
+            >Approve</a>
             <button
               aria-label="Close"
               type="button"
diff --git a/packages/itwinui-css/src/toast/toast.scss b/packages/itwinui-css/src/toast/toast.scss
index 7b3f1817ce1..e6bea187ef5 100644
--- a/packages/itwinui-css/src/toast/toast.scss
+++ b/packages/itwinui-css/src/toast/toast.scss
@@ -162,6 +162,8 @@
     cursor: pointer;
     font-size: var(--iui-font-size-0);
     margin-right: var(--iui-size-m);
+    user-select: none;
+    white-space: nowrap;
   }
 
   > .iui-button {