From 63b4f71f5a0107e667e40d9e5c5b76ded98ab602 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartosz=20Trusi=C5=84ski?= <bartosztrusinski@gmail.com>
Date: Mon, 24 Jun 2024 00:57:59 +0200
Subject: [PATCH] Fix: make UI skeleton look like its actual component (#620)

---
 dashboard/final-example/app/ui/skeletons.tsx   | 8 ++++----
 dashboard/starter-example/app/ui/skeletons.tsx | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/dashboard/final-example/app/ui/skeletons.tsx b/dashboard/final-example/app/ui/skeletons.tsx
index 52b8a87..1edcf96 100644
--- a/dashboard/final-example/app/ui/skeletons.tsx
+++ b/dashboard/final-example/app/ui/skeletons.tsx
@@ -72,10 +72,10 @@ export function LatestInvoicesSkeleton() {
           <InvoiceSkeleton />
           <InvoiceSkeleton />
           <InvoiceSkeleton />
-          <div className="flex items-center pb-2 pt-6">
-            <div className="h-5 w-5 rounded-full bg-gray-200" />
-            <div className="ml-2 h-4 w-20 rounded-md bg-gray-200" />
-          </div>
+        </div>
+        <div className="flex items-center pb-2 pt-6">
+          <div className="h-5 w-5 rounded-full bg-gray-200" />
+          <div className="ml-2 h-4 w-20 rounded-md bg-gray-200" />
         </div>
       </div>
     </div>
diff --git a/dashboard/starter-example/app/ui/skeletons.tsx b/dashboard/starter-example/app/ui/skeletons.tsx
index 52b8a87..1edcf96 100644
--- a/dashboard/starter-example/app/ui/skeletons.tsx
+++ b/dashboard/starter-example/app/ui/skeletons.tsx
@@ -72,10 +72,10 @@ export function LatestInvoicesSkeleton() {
           <InvoiceSkeleton />
           <InvoiceSkeleton />
           <InvoiceSkeleton />
-          <div className="flex items-center pb-2 pt-6">
-            <div className="h-5 w-5 rounded-full bg-gray-200" />
-            <div className="ml-2 h-4 w-20 rounded-md bg-gray-200" />
-          </div>
+        </div>
+        <div className="flex items-center pb-2 pt-6">
+          <div className="h-5 w-5 rounded-full bg-gray-200" />
+          <div className="ml-2 h-4 w-20 rounded-md bg-gray-200" />
         </div>
       </div>
     </div>