diff --git a/docs/storybook/.storybook/preview.ts b/docs/storybook/.storybook/preview.ts
index ef7d062f347..dca75397f74 100644
--- a/docs/storybook/.storybook/preview.ts
+++ b/docs/storybook/.storybook/preview.ts
@@ -31,6 +31,7 @@ const preview: Preview = {
     options: {
       storySort: {
         order: [
+          "Introduction",
           "Components",
           "Frontstage",
           "Widget",
diff --git a/docs/storybook/src/Introduction.mdx b/docs/storybook/src/Introduction.mdx
index 8900cb7e1b2..2ba086723f8 100644
--- a/docs/storybook/src/Introduction.mdx
+++ b/docs/storybook/src/Introduction.mdx
@@ -107,11 +107,7 @@ For a quick-start approach to creating an iTwin.js app with App UI, see [Quick S
       Configure, customize, and extend
     </span>
   </a>
-  <a
-    className="link-item"
-    href="https://www.itwinjs.org/learning/ui/"
-    target="_blank"
-  >
+  <a className="link-item" href="https://www.itwinjs.org/ui/" target="_blank">
     <img src={Direction} alt="direction" />
     <span>
       <strong>Documentation</strong>
@@ -131,7 +127,7 @@ For a quick-start approach to creating an iTwin.js app with App UI, see [Quick S
   </a>
   <a
     className="link-item"
-    href="https://www.itwinjs.org/sandboxes/NancyMcCall/Default%20View%20Frontstage"
+    href="https://www.itwinjs.org/sandboxes/"
     target="_blank"
   >
     <img src={Flow} alt="flow" />