diff --git a/docs/default-theme.md b/docs/default-theme.md
index 8b46edddd..70100a240 100644
--- a/docs/default-theme.md
+++ b/docs/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/docs/select.md b/docs/select.md
index 6d1d6a9ad..eb43b14c6 100644
--- a/docs/select.md
+++ b/docs/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.0-next.36/default-theme.md b/versioned_docs/version-3.0.0-next.36/default-theme.md
index 53b211019..3cafbb56e 100644
--- a/versioned_docs/version-3.0.0-next.36/default-theme.md
+++ b/versioned_docs/version-3.0.0-next.36/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.0-next.36/select.md b/versioned_docs/version-3.0.0-next.36/select.md
index 5fe712cea..ba25b9233 100644
--- a/versioned_docs/version-3.0.0-next.36/select.md
+++ b/versioned_docs/version-3.0.0-next.36/select.md
@@ -3,7 +3,7 @@ id: select
 title: Select
 ---
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view. You can use native as well as styled one. The native one will have a different look and feel on each platform(Android, iOS and Web). The behaviour and look of styled variant will be same across all platforms.
 
diff --git a/versioned_docs/version-3.0.0-next.37/default-theme.md b/versioned_docs/version-3.0.0-next.37/default-theme.md
index 53b211019..3cafbb56e 100644
--- a/versioned_docs/version-3.0.0-next.37/default-theme.md
+++ b/versioned_docs/version-3.0.0-next.37/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.0-next.37/select.md b/versioned_docs/version-3.0.0-next.37/select.md
index f968b76ff..ea6088626 100644
--- a/versioned_docs/version-3.0.0-next.37/select.md
+++ b/versioned_docs/version-3.0.0-next.37/select.md
@@ -3,7 +3,7 @@ id: select
 title: Select
 ---
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.0-next.38/default-theme.md b/versioned_docs/version-3.0.0-next.38/default-theme.md
index 53b211019..3cafbb56e 100644
--- a/versioned_docs/version-3.0.0-next.38/default-theme.md
+++ b/versioned_docs/version-3.0.0-next.38/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.0-next.38/select.md b/versioned_docs/version-3.0.0-next.38/select.md
index f968b76ff..ea6088626 100644
--- a/versioned_docs/version-3.0.0-next.38/select.md
+++ b/versioned_docs/version-3.0.0-next.38/select.md
@@ -3,7 +3,7 @@ id: select
 title: Select
 ---
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.0-next.40/default-theme.md b/versioned_docs/version-3.0.0-next.40/default-theme.md
index 53b211019..3cafbb56e 100644
--- a/versioned_docs/version-3.0.0-next.40/default-theme.md
+++ b/versioned_docs/version-3.0.0-next.40/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.0-next.40/select.md b/versioned_docs/version-3.0.0-next.40/select.md
index f968b76ff..ea6088626 100644
--- a/versioned_docs/version-3.0.0-next.40/select.md
+++ b/versioned_docs/version-3.0.0-next.40/select.md
@@ -3,7 +3,7 @@ id: select
 title: Select
 ---
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.0/default-theme.md b/versioned_docs/version-3.0.0/default-theme.md
index 6126f0909..011a33c24 100644
--- a/versioned_docs/version-3.0.0/default-theme.md
+++ b/versioned_docs/version-3.0.0/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.0/select.md b/versioned_docs/version-3.0.0/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.0.0/select.md
+++ b/versioned_docs/version-3.0.0/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.3/default-theme.md b/versioned_docs/version-3.0.3/default-theme.md
index 6126f0909..011a33c24 100644
--- a/versioned_docs/version-3.0.3/default-theme.md
+++ b/versioned_docs/version-3.0.3/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.3/select.md b/versioned_docs/version-3.0.3/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.0.3/select.md
+++ b/versioned_docs/version-3.0.3/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.6/default-theme.md b/versioned_docs/version-3.0.6/default-theme.md
index 6126f0909..011a33c24 100644
--- a/versioned_docs/version-3.0.6/default-theme.md
+++ b/versioned_docs/version-3.0.6/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.6/select.md b/versioned_docs/version-3.0.6/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.0.6/select.md
+++ b/versioned_docs/version-3.0.6/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.0.7/default-theme.md b/versioned_docs/version-3.0.7/default-theme.md
index 6126f0909..011a33c24 100644
--- a/versioned_docs/version-3.0.7/default-theme.md
+++ b/versioned_docs/version-3.0.7/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.0.7/select.md b/versioned_docs/version-3.0.7/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.0.7/select.md
+++ b/versioned_docs/version-3.0.7/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.1.0/default-theme.md b/versioned_docs/version-3.1.0/default-theme.md
index f4412006d..c407bbda9 100644
--- a/versioned_docs/version-3.1.0/default-theme.md
+++ b/versioned_docs/version-3.1.0/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
@@ -31,11 +31,11 @@ To manage Typography options, the theme object supports the following keys:
 const typography = {
   letterSpacings: {
     '2xs': -1.5,
-    'xs': -0.5,
-    'sm': 0,
-    'md': 0.1,
-    'lg': 0.15,
-    'xl': 0.25,
+    xs: -0.5,
+    sm: 0,
+    md: 0.1,
+    lg: 0.15,
+    xl: 0.25,
     '2xl': 0.4,
     '3xl': 0.5,
     '4xl': 1.25,
@@ -43,11 +43,11 @@ const typography = {
   },
   lineHeights: {
     '2xs': 16,
-    'xs': 18,
-    'sm': 20,
-    'md': 22,
-    'lg': 24,
-    'xl': 28,
+    xs: 18,
+    sm: 20,
+    md: 22,
+    lg: 24,
+    xl: 28,
     '2xl': 32,
     '3xl': 40,
     '4xl': 48,
@@ -72,11 +72,11 @@ const typography = {
   },
   fontSizes: {
     '2xs': 10,
-    'xs': 12,
-    'sm': 14,
-    'md': 16,
-    'lg': 18,
-    'xl': 20,
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 18,
+    xl: 20,
     '2xl': 24,
     '3xl': 30,
     '4xl': 36,
diff --git a/versioned_docs/version-3.1.0/select.md b/versioned_docs/version-3.1.0/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.1.0/select.md
+++ b/versioned_docs/version-3.1.0/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.2.0/default-theme.md b/versioned_docs/version-3.2.0/default-theme.md
index 7a6ab70bf..9e7bd7484 100644
--- a/versioned_docs/version-3.2.0/default-theme.md
+++ b/versioned_docs/version-3.2.0/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.2.0/select.md b/versioned_docs/version-3.2.0/select.md
index 2e335fbb9..7444a91a3 100644
--- a/versioned_docs/version-3.2.0/select.md
+++ b/versioned_docs/version-3.2.0/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.
 
diff --git a/versioned_docs/version-3.2.1/default-theme.md b/versioned_docs/version-3.2.1/default-theme.md
index 7a6ab70bf..9e7bd7484 100644
--- a/versioned_docs/version-3.2.1/default-theme.md
+++ b/versioned_docs/version-3.2.1/default-theme.md
@@ -3,7 +3,7 @@ id: default-theme
 title: Default Theme
 ---
 
-import { ColorsBlock, FontBlocks, SpaceBlocks } from "/src/components/index";
+import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index";
 
 The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more.
 
diff --git a/versioned_docs/version-3.2.1/select.md b/versioned_docs/version-3.2.1/select.md
index cfecd7ead..0268ca229 100644
--- a/versioned_docs/version-3.2.1/select.md
+++ b/versioned_docs/version-3.2.1/select.md
@@ -5,7 +5,7 @@ title: Select
 
 import { ComponentTheme } from '../../src/components';
 
-import { AndroidBadge } from "/src/components/index";
+import { AndroidBadge } from "../../src/components/index";
 
 Select creates a dropdown list of items with the selected item in closed view.