diff --git a/docs/3.0.x/migration/card.md b/docs/3.0.x/migration/card.md
index 26722d0b9..efbaa57f8 100644
--- a/docs/3.0.x/migration/card.md
+++ b/docs/3.0.x/migration/card.md
@@ -11,7 +11,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -20,7 +20,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -55,12 +55,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border={1} borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space={4} divider={<Divider />}>
         <Box px={4} pt={4}>
           NativeBase
diff --git a/docs/3.1.x/migration/card.md b/docs/3.1.x/migration/card.md
index 13e2ea922..a9b1f7d81 100644
--- a/docs/3.1.x/migration/card.md
+++ b/docs/3.1.x/migration/card.md
@@ -16,7 +16,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -25,7 +25,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -60,12 +60,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border={1} borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space={4} divider={<Divider />}>
         <Box px={4} pt={4}>
           NativeBase
diff --git a/docs/3.2.x/migration/card.md b/docs/3.2.x/migration/card.md
index b0e8c7ef3..78e344e58 100644
--- a/docs/3.2.x/migration/card.md
+++ b/docs/3.2.x/migration/card.md
@@ -16,7 +16,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -25,7 +25,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -60,12 +60,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border="1" borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space="4" divider={<Divider />}>
         <Box px="4" pt="4">
           NativeBase
diff --git a/docs/3.3.x/migration/card.md b/docs/3.3.x/migration/card.md
index b0e8c7ef3..78e344e58 100644
--- a/docs/3.3.x/migration/card.md
+++ b/docs/3.3.x/migration/card.md
@@ -16,7 +16,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -25,7 +25,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -60,12 +60,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border="1" borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space="4" divider={<Divider />}>
         <Box px="4" pt="4">
           NativeBase
diff --git a/docs/3.4.x/migration/card.md b/docs/3.4.x/migration/card.md
index b0e8c7ef3..78e344e58 100644
--- a/docs/3.4.x/migration/card.md
+++ b/docs/3.4.x/migration/card.md
@@ -16,7 +16,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -25,7 +25,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -60,12 +60,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border="1" borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space="4" divider={<Divider />}>
         <Box px="4" pt="4">
           NativeBase
diff --git a/docs/next/migration/card.md b/docs/next/migration/card.md
index b0e8c7ef3..78e344e58 100644
--- a/docs/next/migration/card.md
+++ b/docs/next/migration/card.md
@@ -16,7 +16,7 @@ values={[
 <DocTabItem value="v2">
 
 ```tsx
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   Container,
   Header,
@@ -25,7 +25,7 @@ import {
   CardItem,
   Text,
   Body,
-} from 'native-base';
+} from "native-base";
 export default class CardItemBordered extends Component {
   render() {
     return (
@@ -60,12 +60,12 @@ export default class CardItemBordered extends Component {
 <DocTabItem value="v3">
 
 ```tsx
-import React from 'react';
-import { VStack, Box, Divider } from 'native-base';
+import React from "react";
+import { VStack, Box, Divider } from "native-base";
 
 export default function () {
   return (
-    <Box border="1" borderRadius="md">
+    <Box borderWidth={1} borderRadius="md">
       <VStack space="4" divider={<Divider />}>
         <Box px="4" pt="4">
           NativeBase