diff --git a/demos/preview/Demo.vue b/demos/preview/Demo.vue
index b6c75749..3b2c987e 100644
--- a/demos/preview/Demo.vue
+++ b/demos/preview/Demo.vue
@@ -21,7 +21,7 @@
     </div>
     <div class="overflow-hidden rounded-b-xl">
       <div
-        class="border-2 border-black last:rounded-b-xl"
+        class="bg-white border-3 border-black last:rounded-b-xl"
         :class="[
           showTabs && firstTabSelected
             ? 'rounded-tr-xl'
diff --git a/demos/tailwind.config.js b/demos/tailwind.config.js
index 907f1003..d7b2165d 100644
--- a/demos/tailwind.config.js
+++ b/demos/tailwind.config.js
@@ -8,6 +8,9 @@ module.exports = {
 
   theme: {
     extend: {
+      borderWidth: {
+        3: '3px',
+      },
       colors: {
         code: {
           attrName: '#faf594',