From 3f7e25ecc93b2b5d6b04d0b830f00bdac37ece46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 25 Oct 2023 11:48:46 +0300
Subject: [PATCH] Avatar tailwind demo fixes

---
 doc/avatar/theming/TailwindDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/doc/avatar/theming/TailwindDoc.vue b/doc/avatar/theming/TailwindDoc.vue
index a882558f6..b63b338b9 100644
--- a/doc/avatar/theming/TailwindDoc.vue
+++ b/doc/avatar/theming/TailwindDoc.vue
@@ -50,7 +50,7 @@ export default {
     <div class="card">
         <div class="flex flex-wrap gap-5">
             <div>
-                <h5>Image</h5>
+                <h5 class="mb-2">Image</h5>
                 <div class="flex">
                     <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" />
                     <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" />
@@ -59,11 +59,11 @@ export default {
             </div>
 
             <div>
-                <h5>Badge</h5>
-                <Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
+                <h5 class="mb-2">Badge</h5>
+                <Avatar v-badge.danger="4" class="relative" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
             </div>
 
-            <div>
+            <div class="mb-2">
                 <h5>Gravatar</h5>
                 <Avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" class="flex align-items-center justify-content-center mr-2" size="xlarge" />
             </div>