diff --git a/docs/theme.md b/docs/theme.md
index 0f660da4a..45d079afd 100644
--- a/docs/theme.md
+++ b/docs/theme.md
@@ -95,7 +95,7 @@ import {
   Center,
 } from 'native-base';
 function UseContrastingTextHook() {
-  const bgDark = 'primary.700';
+  const bgDark = 'primary.600';
   const bgLight = 'primary.200';
   const colorContrastDark = useContrastText(bgDark);
   const colorContrastLight = useContrastText(bgLight);
diff --git a/docs/utilityProps.md b/docs/utilityProps.md
index cd460c337..adefc73eb 100644
--- a/docs/utilityProps.md
+++ b/docs/utilityProps.md
@@ -138,7 +138,7 @@ export function Example() {
           _text={{
             color: "white",
           }}
-          shadow="3"
+
         >
           Box 1
         </Center>
@@ -149,7 +149,6 @@ export function Example() {
           _text={{
             color: "white",
           }}
-          shadow="3"
         >
           Box 2
         </Center>
@@ -160,7 +159,7 @@ export function Example() {
           _text={{
             color: "white",
           }}
-          shadow="3"
+          shadow="1"
         >
           Box 3
         </Center>
@@ -200,7 +199,7 @@ function Component() {
       <Text textDecoration='underline'>Merci Beaucoup</Text>
       { /* font-size `'2em'` */ }
       { /* font-weight of `theme.fontWeights.semibold i.e. 600` */ }
-      <Text fontWeight='semibold'>Danke sehr </Text>
+      <Text fontWeight='bold'>Danke sehr </Text>
       { /* letter-spacing `0.1 em` */ }
       <Text letterSpacing="2xl" >Arigatou </Text>
     </>
@@ -359,9 +358,9 @@ const Box = (props) => {
 function Component() {
   return (
     <>
-      <Box border="1" borderColor="cyan.500" />
+      <Box borderWidth="1" borderColor="cyan.500" />
       <Box borderWidth="2" borderColor="cyan.500" />
-      <Box border="2" borderColor="cyan.500" borderTopWidth="7" />
+      <Box borderColor="cyan.500" borderTopWidth="7" />
     </>
   );
 }
@@ -375,7 +374,6 @@ export default function () {
   );
 }
 
-
 ```
 
 <br />
@@ -459,16 +457,16 @@ import React from 'react';
 import { Box as NBBox, NativeBaseProvider, Center } from 'native-base';
 
 const Box = (props) => {
-  return <NBBox p="5" m="2" borderRadius="md" bg="primary.400" {...props} />
-}
+  return <NBBox p="5" borderRadius="md" bg="primary.400" {...props} />;
+};
 
 function Component() {
   return (
-    <>
-      <Box position="absolute" left="32" p="7" />
-      <Box bgColor="yellow.400"  zIndex="2" position="relative" />
-      <Box backgroundColor="emerald.400" position="absolute" right="32" p="7" />
-    </>
+    <NBBox justifyContent="center" alignItems="center" flexDirection="row">
+      <Box position="relative" p="7" />
+      <Box bg="yellow.400" zIndex={2} position="absolute" />
+      <Box bg="emerald.400" position="relative" p="7" />
+    </NBBox>
   );
 }
 export default function () {
@@ -480,7 +478,6 @@ export default function () {
     </NativeBaseProvider>
   );
 }
-
 ```
 
 <br />