From 5b072c488db4b3bce5ada5d2ff3dce0630c275ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Rodr=C3=ADguez?= <joserdgz.dev@gmail.com>
Date: Thu, 27 Feb 2025 18:14:17 -0600
Subject: [PATCH] fix: overflow in Badge component in mobile layout

---
 src/components/Badge.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Badge.astro b/src/components/Badge.astro
index 2acfd772..c1910dea 100644
--- a/src/components/Badge.astro
+++ b/src/components/Badge.astro
@@ -3,7 +3,7 @@
   <span
     class="absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#51E4B8_0%,#21554E_50%,#51E4B8_100%)]"
   ></span>
-  <div class="inline-flex items-center justify-center w-full px-3 py-1 text-sm text-green-800 bg-green-100 rounded-full cursor-pointer dark:bg-gray-800 dark:text-white/80 backdrop-blur-3xl whitespace-nowrap">
+  <div class="inline-flex items-center justify-center w-full px-3 py-1 text-sm text-green-800 bg-green-100 rounded-full cursor-pointer dark:bg-gray-800 dark:text-white/80 backdrop-blur-3xl whitespace-normal">
     <slot />
   </div>
 </span>