diff --git a/docs/buildingDrawerNavigation.md b/docs/buildingDrawerNavigation.md
index b72651053..af34bc3d7 100644
--- a/docs/buildingDrawerNavigation.md
+++ b/docs/buildingDrawerNavigation.md
@@ -9,7 +9,7 @@ Common pattern in navigation is to use drawer from left (sometimes right) side f
 
 Here is an example to show how easily and quickly we can use React Native's [DrawerNavigation](https://reactnavigation.org/docs/drawer-based-navigation/) in NB.
 
-```SnackPlayer name=Drawer-Navigation dependencies=@react-navigation/drawer,@react-navigation/native@6.0.6,react-native-vector-icons,react-native-gesture-handler@~1.10.2,react-native-linear-gradient,@react-native-community/masked-view@0.1.10,react-native-screens@~3.4.0,react-native-reanimated@~2.2.0
+```SnackPlayer name=Drawer-Navigation dependencies=@react-navigation/drawer,@react-navigation/native@6.0.6,react-native-vector-icons,react-native-gesture-handler@~1.10.2,react-native-linear-gradient,@react-native-community/masked-view@0.1.10,react-native-screens@~3.8.0,react-native-reanimated@~2.2.0
 import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import {
diff --git a/docs/button.mdx b/docs/button.mdx
index 405e701bc..3f49995b5 100644
--- a/docs/button.mdx
+++ b/docs/button.mdx
@@ -56,7 +56,7 @@ When you use the ButtonGroup component, it allows you to:
 - Add spacing between the buttons.
 - Flush the buttons together by removing the border radius of the its children as needed.
 
-```ComponentSnackPlayer path=primitives,ButtonGroup,basic.tsx
+```ComponentSnackPlayer path=components,primitives,ButtonGroup,basic.tsx
 
 ```
 
@@ -66,9 +66,9 @@ When you use the ButtonGroup component, it allows you to:
 
 ```
 
-  ## Props
+## Props
 
-  ### Button
+### Button
 
 ```ComponentPropTable path=primitives,Button,Button.tsx