diff --git a/packages/chakra-ui-docs/docs/tabs.mdx b/packages/chakra-ui-docs/docs/tabs.mdx
index a97a861e..7213c805 100644
--- a/packages/chakra-ui-docs/docs/tabs.mdx
+++ b/packages/chakra-ui-docs/docs/tabs.mdx
@@ -36,6 +36,7 @@ you can have tabs at the top, at the bottom, or both.
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+        
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -64,6 +65,7 @@ Tabs come in 6 different variants to style the tabs: `line`,`enclosed`,
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -93,6 +95,7 @@ You can also change the color for any specific variant by passing the
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+        
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -121,6 +124,7 @@ You can change the size of the tab by passing `size` prop. We support 3 sizes
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -149,6 +153,7 @@ support 3 sizes `start`, `center`, `end`.
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -176,6 +181,7 @@ Stretch the tab list to fit the container by passing `isFitted` prop.
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -201,6 +207,7 @@ Stretch the tab list to fit the container by passing `isFitted` prop.
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -226,6 +233,7 @@ Stretch the tab list to fit the container by passing `isFitted` prop.
         <c-tab>Two</c-tab>
         <c-tab is-disabled>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
@@ -263,6 +271,7 @@ tab by pressing <kbd>Space</kbd> or <kbd>Enter</kbd>.
         <c-tab>Two</c-tab>
         <c-tab>Three</c-tab>
         </c-tab-list>
+
         <c-tab-panels>
         <c-tab-panel>
             <p>one!</p>
diff --git a/packages/chakra-ui-docs/static/sw.js b/packages/chakra-ui-docs/static/sw.js
index 3f26afec..ea698990 100644
--- a/packages/chakra-ui-docs/static/sw.js
+++ b/packages/chakra-ui-docs/static/sw.js
@@ -1,32 +1 @@
-importScripts('https://cdn.jsdelivr.net/npm/workbox-cdn@4.3.1/workbox/workbox-sw.js')
-
-// --------------------------------------------------
-// Configure
-// --------------------------------------------------
-
-// Set workbox config
-workbox.setConfig({
-  "debug": false
-})
-
-// Start controlling any existing clients as soon as it activates
-workbox.core.clientsClaim()
-
-// Skip over the SW waiting lifecycle stage
-workbox.core.skipWaiting()
-
-workbox.precaching.cleanupOutdatedCaches()
-
-// --------------------------------------------------
-// Precaches
-// --------------------------------------------------
-
-// Precache assets
-
-// --------------------------------------------------
-// Runtime Caching
-// --------------------------------------------------
-
-// Register route handlers for runtimeCaching
-workbox.routing.registerRoute(new RegExp('/_nuxt/'), new workbox.strategies.CacheFirst ({}), 'GET')
-workbox.routing.registerRoute(new RegExp('/'), new workbox.strategies.NetworkFirst ({}), 'GET')
+// THIS FILE SHOULD NOT BE VERSION CONTROLLED