diff --git a/example/storybook/src/getting-started/Installation/index.stories.mdx b/example/storybook/src/getting-started/Installation/index.stories.mdx
index 7d0c71d61..e24284791 100644
--- a/example/storybook/src/getting-started/Installation/index.stories.mdx
+++ b/example/storybook/src/getting-started/Installation/index.stories.mdx
@@ -35,12 +35,12 @@ Refer the guides shown below to setup gluestack-style in your Expo or Next.js ap
     <Hoverable
       heading="Expo"
       subHeading="Guide to install in an Expo project"
-      href="/docs/getting-started/install-expo"
+      href="/style/docs/getting-started/install-expo"
     />
     <Hoverable
       heading="Next.js"
       subHeading="Guide to install in a Next.js project"
-      href="/docs/getting-started/install-nextjs"
+      href="/style/docs/getting-started/install-nextjs"
     />
   </HStack>
 </AppProvider>
@@ -49,4 +49,4 @@ Refer the guides shown below to setup gluestack-style in your Expo or Next.js ap
 
 Throughout this guide, we have provided detailed instructions on how to install `gluestack-style` in your Expo or Next.js application and configure its settings to ensure optimal performance. We highly recommend taking the time to familiarize yourself with the various aspects of gluestack-style, such as its configuration options and styled provider functionality, as well as the styled function.
 
-To get started, we suggest reviewing the [config](https://style.gluestack.io/docs/configuration/theme-tokens) and [provider](https://style.gluestack.io/docs/getting-started/styled-provider) sections to gain a deeper understanding of aliases and tokens works. Once you have a solid grasp of these concepts, you can begin experimenting with the [styled](https://style.gluestack.io/docs/getting-started/styled) function and applying it to your project as needed.
+To get started, we suggest reviewing the [config](/style/docs/configuration/theme-tokens) and [provider](/style/docs/getting-started/styled-provider) sections to gain a deeper understanding of aliases and tokens works. Once you have a solid grasp of these concepts, you can begin experimenting with the [styled](/style/docs/getting-started/styled) function and applying it to your project as needed.
diff --git a/example/storybook/src/overview/Introduction/index.stories.mdx b/example/storybook/src/overview/Introduction/index.stories.mdx
index 09fb6ea7e..a6cd7ae60 100644
--- a/example/storybook/src/overview/Introduction/index.stories.mdx
+++ b/example/storybook/src/overview/Introduction/index.stories.mdx
@@ -19,8 +19,8 @@ gluestack-style is different from other styling libraries like Glamour, Emotion,
 
 gluestack-style originally started as part of NativeBase, a universal component library for both React and React Native. However, we realized that not everyone needs all the components from NativeBase, so we broke it down into two separate libraries:
 
-- [gluestack-style](https://style.gluestack.io) - The high-performing and universal styling library.
-- [ui.gluestack.io](https://ui.gluestack.io/) (Alpha) - A set of ready-to-use universal components that can be added to any project and styled to fit your needs. You can even customize the components as desired.
+- [gluestack-style](/style) - The high-performing and universal styling library.
+- [gluestack-ui](/ui/docs) (Alpha) - A set of ready-to-use universal components that can be added to any project and styled to fit your needs. You can even customize the components as desired.
 
 ## But aren’t React Native and React Native Web sufficient?