From 6c6f3728c05914fd56b42a5b8b77b8293cc8a8da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Thu, 18 Dec 2025 11:10:30 +0100
Subject: [PATCH] ui: adjust spacing for quote skeletons

---
 .claude/settings.json                               | 2 +-
 src/components/ui/skeleton/CompactQuoteSkeleton.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.claude/settings.json b/.claude/settings.json
index a34dd6a..f277760 100644
--- a/.claude/settings.json
+++ b/.claude/settings.json
@@ -10,7 +10,7 @@
       "Bash(ls:*)",
       "Bash(tree:*)",
       "Bash(awk:*)",
-      "Bash(sed:* -n *)",
+      "Bash(sed:*)",
       "Bash(head:*)",
       "Bash(tail:*)",
       "Bash(wc:*)",
diff --git a/src/components/ui/skeleton/CompactQuoteSkeleton.tsx b/src/components/ui/skeleton/CompactQuoteSkeleton.tsx
index c6dde36..4e5727e 100644
--- a/src/components/ui/skeleton/CompactQuoteSkeleton.tsx
+++ b/src/components/ui/skeleton/CompactQuoteSkeleton.tsx
@@ -10,18 +10,18 @@ const CompactQuoteSkeleton = React.forwardRef<
   return (
     <div
       ref={ref}
-      className={`border-l-2 border-muted pl-3 space-y-2 ${className || ""}`}
+      className={`my-2 border-l-2 border-muted pl-3 py-1 space-y-2 ${className || ""}`}
       role="status"
       aria-label="Loading quoted event..."
       {...props}
     >
       {/* Author name */}
-      <Skeleton variant="text" width="6rem" height={14} />
+      <Skeleton variant="text" width="6rem" height={16} />
 
       {/* Quote Content: 2 lines */}
       <div className="space-y-2">
-        <Skeleton variant="text" width="100%" height={12} />
-        <Skeleton variant="text" width="80%" height={12} />
+        <Skeleton variant="text" width="100%" height={14} />
+        <Skeleton variant="text" width="80%" height={14} />
       </div>
     </div>
   );