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}