From 2407732df429dff24ca8c630102b1ae0ebf953ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 26 Aug 2021 18:28:40 +0200
Subject: [PATCH] change demo styling

---
 demos/preview/Demo.vue   | 2 +-
 demos/tailwind.config.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

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',