diff --git a/package.json b/package.json
index 673178960..ea3e2343a 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "@types/react-svg-pan-zoom": "^3.3.5",
     "@types/uuid": "^9.0.0",
     "@vtex/brand-ui": "^0.46.1",
-    "@vtexdocs/components": "https://github.com/vtexdocs/components.git#v1.1.15",
+    "@vtexdocs/components": "https://github.com/vtexdocs/components.git#v1.4.0",
     "algoliasearch": "^4.14.2",
     "chalk": "^5.2.0",
     "copy-text-to-clipboard": "^3.0.1",
diff --git a/src/components/faststore-components/markdown-renderer/fastStoreComponentsStyle.ts b/src/components/faststore-components/markdown-renderer/fastStoreComponentsStyle.ts
index 8e58d84d5..e69376720 100644
--- a/src/components/faststore-components/markdown-renderer/fastStoreComponentsStyle.ts
+++ b/src/components/faststore-components/markdown-renderer/fastStoreComponentsStyle.ts
@@ -9,8 +9,6 @@ const tabItem: SxStyleProp = {
   padding: '8px',
   color: '#4A596B',
   cursor: 'pointer',
-  borderTopLeftRadius: '4px',
-  borderTopRightRadius: '4px',
   transition: '0.15s ease-in',
   '&:hover': {
     transition: '0.15s ease-in',
@@ -21,8 +19,7 @@ const tabItem: SxStyleProp = {
 const tabItemActive: SxStyleProp = {
   ...tabItem,
   color: '#E31C58',
-  borderTop: '1px solid #E31C58',
-  borderInline: '1px solid #E31C58',
+  boxShadow: '0 2px 0 0 #E31C58',
   '&:hover': {
     color: '#E31C58',
   },
diff --git a/src/styles/documentation-page.ts b/src/styles/documentation-page.ts
index 996462d20..37c6652f5 100644
--- a/src/styles/documentation-page.ts
+++ b/src/styles/documentation-page.ts
@@ -74,6 +74,7 @@ const documentationTitle: SxStyleProp = {
   fontSize: ['20px', '28px'],
   lineHeight: ['30px', '38px'],
   fontWeight: '400',
+  marginBottom: '14px',
 }
 
 const documentationExcerpt: SxStyleProp = {