From 36a05eb21e1b25723e291d3e395d1ebc24cf3491 Mon Sep 17 00:00:00 2001
From: Wojciech Mista <wojciech.mista@hotmail.com>
Date: Fri, 26 Jul 2024 09:11:43 +0200
Subject: [PATCH] Change default `Skeleton` height (#828)

* change skeleton height

* changeset

* reduce skeleton size
---
 .changeset/flat-avocados-build.md    | 5 +++++
 src/components/Skeleton/Skeleton.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/flat-avocados-build.md

diff --git a/.changeset/flat-avocados-build.md b/.changeset/flat-avocados-build.md
new file mode 100644
index 00000000..8b9bfa9b
--- /dev/null
+++ b/.changeset/flat-avocados-build.md
@@ -0,0 +1,5 @@
+---
+"@saleor/macaw-ui": patch
+---
+
+Skeleton component now by default has same height as text
diff --git a/src/components/Skeleton/Skeleton.tsx b/src/components/Skeleton/Skeleton.tsx
index 46a84e04..4e27a433 100644
--- a/src/components/Skeleton/Skeleton.tsx
+++ b/src/components/Skeleton/Skeleton.tsx
@@ -15,7 +15,7 @@ export const Skeleton = ({ className, ...props }: SkeletonProps) => {
       className={classNames(skeleton, className)}
       backgroundColor="default3"
       width="100%"
-      height={1}
+      height={3}
       borderRadius={2}
       {...props}
     />