From 7e658f2d2482d229fba3a1e1f4f12d7b3e28985b Mon Sep 17 00:00:00 2001
From: emilkowalski <e@emilkowal.ski>
Date: Sun, 14 Jan 2024 19:38:52 +0100
Subject: [PATCH] Fix loading icon bug

---
 src/styles.css                        | 1 -
 website/src/components/Hero/index.tsx | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 2c1a124..cd7797d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -520,7 +520,6 @@ html[dir='rtl'],
 
 .sonner-loading-bar:nth-child(1) {
   animation-delay: -1.2s;
-  /* Rotate trick to avoid adding an additional pixel in some sizes */
   transform: rotate(0.0001deg) translate(146%);
 }
 
diff --git a/website/src/components/Hero/index.tsx b/website/src/components/Hero/index.tsx
index 8af5ae8..97dd20b 100644
--- a/website/src/components/Hero/index.tsx
+++ b/website/src/components/Hero/index.tsx
@@ -17,8 +17,9 @@ export const Hero = () => {
         <button
           data-primary=""
           onClick={() => {
-            toast('Sonner', {
-              description: 'An opinionated toast component for React.'
+            toast.loading('Sonner', {
+              duration: 999999,
+              description: 'An opinionated toast component for React.',
             });
           }}
           className={styles.button}